bxsliderでサムネイル切り替えをhover(mouseover)で切り替える
久々の投稿だなぁ
Bxsliderのサムネイルクリックでの画像スライドをhoverで動かしたいというやつ。
trigger("click")使うと、サムネイルのリンクが作動しないので
こちらを参考に修正 このままだとリンクが動かないので on clickイベント追加で対応
https://stackoverflow.com/questions/28110510/bxslider-slider-hover-on-pager
var bxslid =$('.bxslider').bxSlider({ mode: 'fade', speed:500, auto: true, pager: true, pause:5000, autoHover: true, controls:false, infiniteLoop: true, pagerCustom: '#bx-pager', onSlideAfter: function(){ bxslid.startAuto(); } }); $('#bx-pager a').on('mouseenter', function(){ var newSlideNo = $(this).attr('data-slide-index'); if(newSlideNo != bxslid.getCurrentSlide()){ bxslid.goToSlide(newSlideNo); } }); $(document).on("click","#bx-pager a",function(){ var href = $(this).attr("href"); location.href = href; });