###前提・実現したいこと
slick slider(http://kenwheeler.github.io/slick/)で、
サムネイルとスライドショーが連動したものを、作成しました。
これを、1ページ内に複数個設置したいのですが、その場合にどのように対処してよいのか悩んでおります。
<!--「.slider-for」がスライダーで、「.slider-nav」がサムネイルです。--> <ul class="slider-for"> <li>画像パス1</li> <li>画像パス2</li> <li>画像パス3</li> </ul> <ul class="slider-nav"> <li>画像パス1</li> <li>画像パス2</li> <li>画像パス3</li> </ul> //スライダー部分 $('.slider-for').slick({ slidesToShow: 1, slidesToScroll: 1, arrows: false, fade: true, asNavFor: '.slider-nav' }); //サムネール $('.slider-nav').slick({ slidesToShow: 3, slidesToScroll: 1, asNavFor: '.slider-for', dots: true, centerMode: true, focusOnSelect: true });
設置個数が決まっている場合には、
「.slider-for1」に対して「.slider-nav1」、
「.slider-for2」に対して「.slider-nav2」、、、、
というふうに増やしていけば対応できるのですが、
設置個数が決まってない場合に、どのようにしたらよいのか分かりません。
よろしくお願いします。
###発生している問題・エラーメッセージ
エラーメッセージ
###該当のソースコード
ここにご自身が実行したソースコードを書いてください
###試したこと
課題に対してアプローチしたことを記載してください
###補足情報(言語/FW/ツール等のバージョンなど)
より詳細な情報
![guest](/img/icon/icnUserSample.jpg)
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/05/04 03:29
2017/05/10 09:09