Использование слайдера контента 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();
});
});