タイトル通りですが、
slickでスライダーを作成しましたが、マウスをスライダーにホバーしても止まらずに流します。
ちなみにスライダーはサムネイル付きタイプです。
jquery
1<script> 2$(function(){ 3$('.thumb-item').slick({ 4autoplay:true, 5autoplaySpeed:4000, 6dots:false, 7pauseOnHover:true, 8asNavFor: '.thumb-item-nav', 9prevArrow: '<img src="common/img/prev_2.png" class="slick-prev22">', 10nextArrow: '<img src="common/img/next_2.png" class="slick-next22">', 11fade:false 12}); 13 14$('.thumb-item-nav').slick({ 15autoplay:true, 16autoplaySpeed:4000, 17dots:false, 18asNavFor: '.thumb-item', 19accessibility: true, 20slidesToShow: 5, 21slidesToScroll: 1, 22prevArrow: '<img src="common/img/prev.png" class="slick-prev33">', 23nextArrow: '<img src="common/img/next.png" class="slick-next33">', 24focusOnSelect: true 25}); 26}); 27</script>
コードの通り、pauseOnHoverをtrueにしましたが、止まりませんでした。
それと、asNavForでサムネイルとコネクトしていますが、asNavForを削除すれば、pauseOnHoverが普通に止まるようになります。
この二つを共存させるにはどうすればよいでしょうか?
ご回答宜しくお願いいたします。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/10/24 06:06