### 前提・実現したいこと swiperを使用してwebサイトにスライダーを実装しようとしています。複数スライドが表示されるように設定しているのですが、レスポンシブでスマホ画面の際に表示されるスライドの枚数を変更したいです。下記コード部分における箇所を・PC→6枚・SP→3枚のように表示したいです。 ```js slidesPerView: 6, ``` ※swiperは公式サイトよりダウンロードしました。ご教授のほどよろしくお願い致します。 ### 該当のソースコード ```javascript var swiper = new Swiper('.swiper-container', { slidesPerView: 6, spaceBetween: 20, initialSlide: 2, loop: true, autoplay: { delay: 3000, }, }); ```

レスポンシブでのスライドの枚数変更

前提・実現したいこと

swiperを使用してwebサイトにスライダーを実装しようとしています。
複数スライドが表示されるように設定しているのですが、レスポンシブでスマホ画面の際に表示されるスライドの枚数を変更したいです。
下記コード部分における箇所を
・PC→6枚
・SP→3枚
のように表示したいです。

js
1slidesPerView: 6,

※swiperは公式サイトよりダウンロードしました。

ご教授のほどよろしくお願い致します。

該当のソースコード

javascript
1var swiper = new Swiper('.swiper-container', {
2		  slidesPerView: 6,
3		  spaceBetween: 20,
4		  initialSlide: 2,
5		  loop: true,
6		  autoplay: {
7		    delay: 3000,
8		  },
9});

kei344

2019/04/15 08:18

（質問文は編集できます）質問文のコードはコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。また、ご自身で試されたコードを質問文に追記し、「何」が「どのように」わからないのか、コードのどの部分で詰まっているのかなどを具体的に追記されたほうが回答が望めると思います。