jQuery的滑塊不停止

Question

我正在使用切片圖像jQuery的滑塊，看起來像一個looong滑動旗幟：

例子：http://jsfiddle.net/pG8kt/66/

兩個問題，我有：

1 ）序列中的第三張圖片加載太晚

2）它在幻燈片之間停止 - 但我不想要它太

任何想法爲什麼？謝謝:)

Answer 1

http://jsfiddle.net/pG8kt/76/

var showing = 0, // current img 
    imgs = [], // all imgs 
    $img = $("#gallery img"), // jQuery DOM object 
    imgWidth = $img.outerWidth(), // img width assuming every img has same 
    $slider = $("#slider"), 
    $title = $("#title"); 

imgs = $img.toArray(); 
    // Variable to store number of images 
var numberOf = imgs.length; 
    // set slider width so floated elements line up 
$slider.width(numberOf*imgWidth); 

    // Recursive next image function 
var nextImage = function() { 
    var $nextImg = $(imgs[showing++ % numberOf]); 
     // Add next image (only use increment once!) 
    $slider.append($nextImg); 
     // Show image title 
    $title 
     .html($nextImg.attr("title")) 
     .attr("href", $nextImg.attr("src"));   
     // Animate the slider 
    $slider.animate({ 
     left: '-='+imgWidth 
    }, 8000, 'linear', function() { 
      // Reset CSS 
     $slider.css("left", 0);    
      // Call animationg function again 
     nextImage(); 
    }); 
}   
    // Call next image for the first time 
nextImage(); 

一切和東西更新...