Помоготе разобраться что делают эти 7 строк что я закоментировал.Не могу розобраться в длинных jQuery цепочках( Код слайдера:
var slideWidth=1663;
var sliderTimer;
$(function(){
$('.slidewrapper').width($('.slidewrapper').children().size()*slideWidth); //1
sliderTimer=setInterval(nextSlide,5000);
$('.viewport').hover(function(){
clearInterval(sliderTimer);
},function(){
sliderTimer=setInterval(nextSlide,5000);
});
});
function nextSlide(){
var currentSlide=parseInt($('.slidewrapper').data('current')); //2
currentSlide++;
if(currentSlide>=$('.slidewrapper').children().size()) //3
{
$('.slidewrapper').css('left',-(currentSlide-2)*slideWidth); //4
$('.slidewrapper').append($('.slidewrapper').children().first().clone()); //5
$('.slidewrapper').children().first().remove(); //6
currentSlide--;
}
$('.slidewrapper').animate({left: -currentSlide*slideWidth},1000).data('current',currentSlide); //7
}
.slidewrapper устанавливается ширина, равная произведению ширины одного слайда (дочернего элемента, children) на их количествоdata-current элемента . slidewrapper, приведенное к типу integercurrentSlide больше или равен числу слайдов.slidewrapper устанавливается css-свойство left, вычисляется смещение на два слайда влево (отрицательное значение).slidewrapper добавляется клон первого слайда (первого дочернего элемента).slidewrapper устанавливается css-свойство left, вычисляется смещение на 1 слайда влево (отрицательное значение). Изменение значения свойства происходит плавно, за 1000 мс (анимация). Для этого же элемента устанавливается атрибут data-current в значение currentSlideПродвижение своими сайтами как стратегия роста и независимости