Помоготе разобраться что делают эти 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
, приведенное к типу integer
currentSlide
больше или равен числу слайдов.slidewrapper
устанавливается css-свойство left
, вычисляется смещение на два слайда влево (отрицательное значение).slidewrapper
добавляется клон первого слайда (первого дочернего элемента).slidewrapper
устанавливается css-свойство left
, вычисляется смещение на 1 слайда влево (отрицательное значение). Изменение значения свойства происходит плавно, за 1000 мс (анимация). Для этого же элемента устанавливается атрибут data-current
в значение currentSlide
Кофе для программистов: как напиток влияет на продуктивность кодеров?
Рекламные вывески: как привлечь внимание и увеличить продажи
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
Есть задача: С элементов страницы собираются данные (ID)Далее их, по очереди, надо отправить на сервер, но чётко последовательно(после завершения-следующий)
Проблема в том что есть сайт на котором спрятан курсор в принципе ( cursor: none ) но когда на мой mac приходит уведомление с другого приложения например...
Подскажите как заменить на более es6, чтобы обойтись без let и push