Как сделать автопрокрутку в этой карусели. Думаю надо ковырять функцию animate_slider, но не знаю что именно сделать. Просто вставить интервал времени пытался не получилось.
(function($){
$.fn.carousel3d = function(args){
var el = ({
carousel_frame: $(this)
});
var size = el.carousel_frame.children().size();
var panelSize = el.carousel_frame.width();
var translateZ = Math.round( ( panelSize / 2 ) / Math.tan( Math.PI / size ) );
el.carousel_frame.css({
"transform": "rotateY(0deg) translateZ(-"+translateZ+"px)"
})
var rotateY = 0;
var rotate_int = 0;
var ry = 360/size;
var box = 0;
function animate_slider(){
for(i=0;i<size;i++){
var z = (rotate_int*ry)+(i*ry);
el.carousel_frame.children("figure:eq("+i+")").css({
"transform":"rotateY("+z+"deg ) translateZ("+translateZ+"px)"
});
}
rotateY = 0;
box = 0; // reset rotateY, ready for re-use
}
animate_slider();
$(".next").on("click", function(){
rotate_int -=1;
animate_slider();
});
$(".prev").on("click", function(){
rotate_int +=1;
animate_slider();
});
el.carousel_frame.children().on("click", function(){
new_int = -1*$(this).index();
if(new_int < rotate_int+(-1*(size/2)) ){
rotate_int = size + new_int;
} else {
rotate_int = new_int;
}
animate_slider();
});
}
})(jQuery);
Если требуется могу скинуть весь слайдер в zip
