プロジェクトに BxSlider jQuery コンテンツ スライダーを使用する ( http://bxslider.com/ )。コンテンツが中央に再配置されるように、ウィンドウのサイズ変更で「reloadShow()」関数を使用しています。
reloadShow() 関数は機能していますが、毎回スライドを最初のスライドにリセットします。代わりに、それがオンになっているスライドを覚えて、そのスライドにリロードしたいと思います。
これが私のJSです:
$(function(){
// assign the slider to a variable
slider = $('#slider').bxSlider(
{
controls: false,
auto: false
});
// assign a click event to the external thumbnails
$('.thumbs a').click(function()
{
var thumbIndex = $('.thumbs a').index(this);
// call the "goToSlide" public function
slider.goToSlide(thumbIndex);
// remove all active classes
$('.thumbs a').removeClass('pager-active');
// assisgn "pager-active" to clicked thumb
$(this).addClass('pager-active');
// very important! you must kill the links default behavior
return false;
});
// assign "pager-active" class to the first thumb
$('.thumbs a:first').addClass('pager-active');
$(window).resize(function(e)
{
slider.reloadShow();
});
});