jQuery無限のカルーセル（サムネイル付き）

Question

私はスライダーを作っていますが、サムネイルに問題があり、メイン画像のフェードが速くアニメートされます。メインスライド...彼らは同じ速度を持つ）同じ瞬間にする必要がありますので、私は理解していない理由は、このエラーを生成...

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" }) } }); 
}