質問編集履歴
2
コード修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -2,9 +2,15 @@
|
|
|
2
2
|
|
|
3
3
|
swiperを使用してwebサイトにスライダーを実装しようとしています。
|
|
4
4
|
複数スライドが表示されるように設定しているのですが、レスポンシブでスマホ画面の際に表示されるスライドの枚数を変更したいです。
|
|
5
|
+
下記コード部分における箇所を
|
|
5
6
|
・PC→6枚
|
|
6
7
|
・SP→3枚
|
|
8
|
+
のように表示したいです。
|
|
7
9
|
|
|
10
|
+
```js
|
|
11
|
+
slidesPerView: 6,
|
|
12
|
+
```
|
|
13
|
+
|
|
8
14
|
※swiperは公式サイトよりダウンロードしました。
|
|
9
15
|
|
|
10
16
|
ご教授のほどよろしくお願い致します。
|
1
コード修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
ご教授のほどよろしくお願い致します。
|
|
11
11
|
|
|
12
12
|
### 該当のソースコード
|
|
13
|
-
|
|
13
|
+
```javascript
|
|
14
14
|
var swiper = new Swiper('.swiper-container', {
|
|
15
15
|
slidesPerView: 6,
|
|
16
16
|
spaceBetween: 20,
|
|
@@ -19,4 +19,5 @@
|
|
|
19
19
|
autoplay: {
|
|
20
20
|
delay: 3000,
|
|
21
21
|
},
|
|
22
|
-
});
|
|
22
|
+
});
|
|
23
|
+
```
|