Bildregler für automatische Wiedergabe abrufen

Question

Ich versuche, meinen eigenen Bildschieberegler mit einem Intervall von 4000 Millisekunden zur automatischen Wiedergabe zu bringen. Ich habe versucht, setTimeout zu verwenden, aber ich kann nicht scheinen, es zur Arbeit zu bringen. Ich würde es begrüßen, wenn mir jemand helfen könnte. Hier ist Beispiel des Schiebers:

http://www.matthewruddy.com/slider-intervalissue/

Irgendwelche Ideen, wie ich es die automatische Wiedergabe bekommen?

Hier ist der jQuery-Code:

$(document).ready(function(){ 
    var images = $('.slider li'); 
    var slides = images.length; 
    var sliderwidth = 500; 
    var currentimage = 0; 
    var containerwidth = sliderwidth*slides; 
    var autoplay = 4000; 

    $('.slider').css('width', containerwidth); 

    $('#next').bind('click',nextimage); 

    function nextimage(){ 
     if(currentimage<slides-1){ 
      currentimage++; 
      $('.slider').animate({left:-sliderwidth*(currentimage)},{duration:800,easing:'easeInOutCubic'}); 
     } 
     else{ 
      currentimage = 0; 
      $('.slider').animate({left:0},{duration:800,easing:'easeInOutCubic'}) 
     } 
    }; 

}); 

Danke, Matthew

Answer 1

ich in der Lage war, eine automatische Wiedergabe einrichten, die ganz gut läuft, eine Kombination von setTimeout und Rekursion.

Ich gab der nextimage() Funktion einen Parameter autoplay, der ein Boolean ist. Dann habe ich das am Ende der Funktion folgende Zeile:

if (autoplay) { setTimeout(function() { nextimage(true); }, 4000); } 

Schließlich habe ich diese Zeile am Ende des Skripts, die Autoplay-Schleife in Gang zu bringen:

setTimeout(function() { nextimage(true); }, 4000); 

Schauen Sie sich die Demo Hier, meist aus dem, was Sie zur Verfügung gestellt, mit ein paar Modifikationen, um das Autoplaying: http://jsfiddle.net/bVjkP/

Kurz gesagt, übergeben Sie einen Boolean in die nextimage() -Funktion, um es zu sagen, ob eine Autoplay zu beginnen oder nicht. Dann rufen Sie einfach ein initiales setTimeout auf, um den Ball ins Rollen zu bringen. Der Trick bei dieser Methode besteht darin, dass Sie eine anonyme Funktion über setTimeout aufrufen müssen, die die nextimage-Funktion mit autoplay auf true aufruft, weil Sie keine Parameter übergeben können, wenn Sie eine Funktion mit setTimeout aufrufen. Dies ähnelt der Methode zum Binden von Funktionen an Ereignisse wie Klicken oder Hovern mit jQuery.