jQuery Zyklus: Blättern Sie nach der letzten Folie auf der ersten Folie zurück

Question

Ich habe einen Schieber, der wie folgt aussieht:

$('#slider').cycle({ 
    fx: 'scrollHorz', 
    speed: 1250, 
    timeout: 5000, 
    easing: 'easeInOutExpo', 
    pager: '#slider-pagination', 
    next: '#next-slide', 
    prev: '#prev-slide', 
    pause: 1 
}); 

standardmäßig, wenn es auf der letzten Folie Zyklus Scrolls gerade wieder nach links zu starten vorbei, als wäre es eine Endlosschleife. Ich möchte, dass es durch alle Folien zurückscrollt und wieder auf der ersten landet. Ähnlich wie hier (siehe letzte Folie): http://www.iconlicious.com/. Ich muss Cycle verwenden, damit ich nicht dasselbe Plugin verwenden kann wie sie sind.

Wie kann das erreicht werden?

Dank

Answer 1

auf Ihrer Webseite der Suche, kann ich Ihnen sagen, Ihr Problem bereits gelöst, aber ich wollte dies im Fall schreiben gab es andere, die es wertvoll sein könnten.

Sie verwendeten jquery.scrollable, das ist eine großartige Lösung und löste das gleiche Problem für mich.

Answer 2

Die Lösung besteht darin, die Option nowrap auf false zu setzen.

Während ich nichts testen kann, müssen Sie wahrscheinlich die end Option verwenden, um eine Funktion zu definieren, um zum Anfang zurückzukehren.

Also, so etwas wie:

$('#slider').cycle({ 
    fx: 'scrollHorz', 
    speed: 1250, 
    timeout: 5000, 
    easing: 'easeInOutExpo', 
    pager: '#slider-pagination', 
    next: '#next-slide', 
    prev: '#prev-slide', 
    pause: 1 
    nowrap: false, 
    end: function() { 
     // make it go to the first slide 
    } 
}); 

Answer 3

Verwenden Sie das nicht dokumentiert 'Bounce' Option:

$('#slider').cycle({ 
    fx: 'scrollHorz', 
    speed: 1250, 
    timeout: 5000, 
    easing: 'easeInOutExpo', 
    pager: '#slider-pagination', 
    next: '#next-slide', 
    prev: '#prev-slide', 
    pause: 1, 
    bounce: true 
}); 

this helps