Показать сообщение отдельно
  #1 (permalink)  
Старый 01.10.2015, 12:27
Новичок на форуме
Отправить личное сообщение для L1m0n Посмотреть профиль Найти все сообщения от L1m0n
 
Регистрация: 30.09.2015
Сообщений: 5

Попытка добиться цикличной анимации в слайдере
Всем доброго времени суток. Верстаю свой первый слайдер, а точней пытаюсь воспроизвести 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);
	}
Ответить с цитированием