Всем доброго времени суток. Верстаю свой первый слайдер, а точней пытаюсь воспроизвести bxslider.
Оригинал слайдера тут
http://solopine.com/rosemary/#.
Мои наработки тут
http://l1m0n.com.ua/.
Вопрос: как автор слайдера добился эфекта перехода в начало без прокрутки обратно?!
А вот отрывок метода, который запускает анимацию(пока только 1 итерация):
run: function(speed) {
var self = this;
var start = setInterval(function(){
//self.wrapper.style.left = "-" + self.slideWidth * self.counter + "px";
self.wrapper.style.transform = "translate3d(-" + self.slideWidth * self.counter + "px, 0px, 0px)";
self.counter++;
if (self.counter == self.total ){
self.wrapper.style.transitionDelay = "0s";
}
else if (self.counter == self.total +1){
clearInterval(start);
self.counter = 1;
self.wrapper.style.transform = "translate3d(-" + self.slideWidth * self.counter + "px, 0px, 0px)";
}
}, speed);
}