Slick.jsで、サムネイル付きのスライダーを作りました。
数が少ないので、サムネイルは全て表示されている状態です。
サムネイルをクリックした場合はスライダー側だけが動くので問題ないのですが、
スライダー側に付けたarrowやドラックでスライドさせると、サムネイルもスライドして横に空白が出来てしまいます。
スライダー側を操作してもサムネイル側が動かないようにする方法はありますでしょうか?
slick.jsはCDNの最新のものです。(https://github.com/kenwheeler/slick/)
<script> jQuery(document).ready(function(){ jQuery('.slider-for').slick({ slidesToShow: 1, slidesToScroll: 1, infinite: true, asNavFor: '#slide-nav' }); $('#slide-nav').slick({ asNavFor: '.slider-for', slidesToShow: 3, focusOnSelect: true, infinite: true, }); }); </script>
###試したこと
サムネイルの方をfade:trueにし、サムネイルのslick-slideにアクティブで挿入されるcssのleft:とopacity:を指定しようとしましたが、上手くいきませんでした。
あなたの回答
tips
プレビュー