Не могу понять почему не работает анимация
Написал слайдер, все слайды меняет (Скорее даже карусель а не слайдер)
Но не могу настроить плавную смену слайдов
Вот код:
$(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"});
});
}