jQuery 무한 회전식 슬라이드 쇼

Question

슬라이더를 만들었는데 미리보기 이미지에 문제가 생겼습니다. 메인 이미지가 더 빠르게 움직입니다. (엄지 손가락 애니메이션이 끝나면 애니메이션이있는 asyncrone입니다. 메인 슬라이드 ... 그들은 같은 속도를 가지고) 같은 순간에 있어야합니다, 그래서 이해가 안 돼요 왜이 오류를 생산 ...

jQuery(document).ready(function(){ 
    speed = 8000; 
    max_slide = jQuery(".slides_control div.fps-slide").size(); 
    val_x = 0; 
    run = setInterval('rotate()', speed); 

    jQuery("#slider").hover(
     function() { clearInterval(run); }, 
     function() { run = setInterval('rotate()', speed); } 
    ); 


}); 



function rotate() { 
    thumbFirst = jQuery(".fps-pagination li:first-child"); 
    thumbContainer = jQuery(".fps-pagination"); 
    animationSpeed = 800; 
    if (val_x > max_slide) { val_x = 0 } 

    thumbFirst.clone().appendTo(jQuery(".fps-pagination")); 

    jQuery(".slides_control div.fps-slide:eq("+val_x+")").animate({"opacity":"0"}, { queue: false, duration: animationSpeed }); 
    val_x++; 
    jQuery(".slides_control div.fps-slide:eq("+val_x+")").animate({"opacity":"1"}, { queue: false, duration: animationSpeed }); 

    thumbContainer.animate(
     {"top":"-137px"}, 
     {queue:false, duration: animationSpeed, 
     complete: function() { 
      thumbFirst.remove(); 
      thumbContainer.css({"top": "0px"}) 
     } 
    }); 
} 

jsFiddle : http://jsfiddle.net/AY3y2/1/ (이 잘 작동하지 않음 environement) 실시간 코드 : http://webserver.lewebsimple.ca/~tempcode/

Answer 1

짧은 jsfiddle 예제를 만들 수 있습니까 ???

편집

사용이 회전 기능은 문제가있는 경우 val_x> maxSlide 는> = 및 val_X ++ 후에해야하지만하자,

function rotate() { 
    thumbFirst = jQuery(".fps-pagination li:first-child"); 
    thumbContainer = jQuery(".fps-pagination"); 
    animationSpeed = 800; 


    thumbFirst.clone().appendTo(jQuery(".fps-pagination")); 

    jQuery(".slides_control div.fps-slide:eq(" + val_x + ")").animate({ "opacity": "0" }, { queue: false, duration: animationSpeed }); 
    val_x++; 
    if (val_x >= max_slide) { val_x = 0 } 
    jQuery(".slides_control div.fps-slide:eq(" + val_x + ")").animate({ "opacity": "1" }, { queue: false, duration: animationSpeed }); 

    console.log(jQuery(".slides_control div.fps-slide:eq(" + val_x + ")").length + "valor x " + val_x); 

    thumbContainer.animate({ "top": "-137px" }, { queue: false, duration: animationSpeed, complete: function() { thumbFirst.remove(); thumbContainer.css({ "top": "0px" }) } }); 
}