[Jquery]bxsliderでサムネイルつきスライダーにする
●レスポンシブルデザインにも対応した高性能なスライダー【bxslider】の設置
こちらのサイトさんのサンプル8を最初使用していたのですが、
IE7ではどうにも動かず。2時間くらいうーーーーんと唸ってました。
//サムネイルつき var slider = $('#sample').bxSlider({ mode:"fade", pager: false, controls: false }); $('.thumbs a').click(function(){ var thumbIndex = $('.thumbs a').index(this); slider.goToSlide(thumbIndex); $('.thumbs a').removeClass('pager-active'); $(this).addClass('pager-active'); return false; }); $('.thumbs a:first').addClass('pager-active');
slider.goToSlide(thumbIndex);ここら辺が怪しいのかな?
最終的にサンプルサイトをIE7で見たところ example8だけは効かないようになってたので
素直にあきらめまして、
jQueryプラグイン「bxslider」を利用してサムネイル付スライダーをつくる
こちらのサイトさんのコードをいただくことにしました。
$(function(){ var slider = $('.bxslider2').bxSlider({ mode: 'fade', pager: false, pagerCustom: '.samuko', controls: false }); });
こちらで試したところ無事希望通りの動作に♪
助かりましたー(- 人 -)