2016-05-05 6 views
-1

sah ich einige Karussells aufWiederholen von Karussell wie JavaScript zu verwenden?

http://kenwheeler.github.io/slick/

und ich möchte wissen, wie sie die Dias wiederholen, wie wenn es 5 Rutschen sind und wenn ich nächste Taste drücken, wenn ich auf der fünften Rutsche bin es gleitet Recht auf 1 ohne

links Weg zurück zu 1 zu springen ich möchte wissen, wie es

Bitte keine jquery codieren, wird JavaScript sehr geschätzt.

wenn jemand weiß, bitte helfen Sie mir

+0

ich meine nicht so: http://jsfiddle.net/bew6Z –

+1

Sie verwenden geklonte Elemente für die Schleife. – Julia

Antwort

2

Sie bewegen sich die Seiten um, wenn sie an den Enden erhalten:

Für die letzte Seite, drücken WEITER:

  1. Zuerst sie sich bewegen die erste Seite, die visuell nach der letzten Seite platziert werden soll - gerade aus dem Ansichtsfenster auf der rechten Seite.
  2. Dann rutschen sie nach rechts.
  3. Zuletzt beheben Sie die Position aller Seiten (sie verschieben die erste Seite an den Anfang UND verschieben das Ansichtsfenster, um es ohne Animation zu zeigen).

Für die erste Seite, BACK drücken:

gleiche Idee in umgekehrter Richtung - die letzte Seite bewegen, bevor die erste Seite zuerst angezeigt werden soll, nach unten schieben, fixieren Seiten und Ansichtsfenster ohne Animation.