@LoonTiG

Почему не работает анимация?

Не могу понять почему не работает анимация
Написал слайдер, все слайды меняет (Скорее даже карусель а не слайдер)
Но не могу настроить плавную смену слайдов
Вот код:
$(document).on('click', "#pright",function(){
	var carusel = $('.portfolio-track')[0]
	console.log(carusel)
	pright_carusel(carusel);
	return false;
});
$(document).on('click',"#pleft",function(){
	var carusel = $('.portfolio-track')[0]
	console.log(carusel)
	pleft_carusel(carusel);
	return false;
});
function pleft_carusel(carusel){
    var block_width = $(carusel).find('li').outerWidth();
    $(carusel).find("ul").animate({left: -287}, 300)
    setTimeout(function () {
    	$(carusel).find("ul li").eq(-1).clone().prependTo($(carusel).find("ul"));
   		$(carusel).find("ul li").eq(-1).remove();
        $(carusel).find("ul").css({"left":"0"});
    }, 450);
}
function pright_carusel(carusel){
   var block_width = $(carusel).find('li').outerWidth();
   $(carusel).find("ul").animate({left: "-"+ block_width +"px"}, 300, function(){
	  $(carusel).find("ul li").eq(0).clone().appendTo($(carusel).find("ul"));
      $(carusel).find("ul li").eq(0).remove();
      $(carusel).find("ul").css({"left":"0"});
   });
}
  • Вопрос задан
  • 167 просмотров
Пригласить эксперта
Ответы на вопрос 3
bingo347
@bingo347 Куратор тега JavaScript
Crazy on performance...
Делайте css анимацию, а на js только манипулируйте классами
Ответ написан
Комментировать
@GaserV
Как и сказали выше, подготовьте за раннее классы, а через js/jquery добавляйте\удаляйте классы и добавьте ко всему этому делу transtition.
Ответ написан
Комментировать
AlibekKulseitov
@AlibekKulseitov
Люблю верстать и писать музыку
А какую ошибку выводит?
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы