为项目使用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();
});
});