Zyklus Js Fx Optionen

Erste Schritte Alle Demos auf dieser Seite und fast jede Demo auf dieser Seite benötigen Null-Code. Die Diashows werden vollständig durch Markup gefahren. Alles, was benötigt wird, um jQuery und das Cycle2-Plugin mit Skript-Tags wie folgt enthalten: Default Slideshow Die absolut einfachste Möglichkeit, um mit Cycle2 zu beginnen, ist die Verwendung von Markup wie folgt: Cycle-Slideshow ist ein spezieller Klassenname, die Cycle2 zu Autoinitialisierung sagt Die Diashow, wenn die Seite geladen wird. Das Ergebnis sehen Sie unten: Einstellungsoptionen Optionen werden mit Daten-Zyklus-Attributen eingestellt. Das folgende Beispiel zeigt die Voreinstellung fx. Pause-on-hover. Und Geschwindigkeitsoptionen werden überschrieben. Manuelle Diashow Das folgende Beispiel zeigt, wie Sie eine manuelle Diashow haben, indem Sie die Timeout-Option auf Null setzen. Und es zeigt auch, wie man prev und nächste Steuerelemente binden. Weitere Informationen über prevnext-Steuerelemente finden Sie in der PrevNext demo. lsaquolsaquo home jQuery-Zyklus-Plugin Check out Cycle2. Die neueste in der Cycle-Linie von Diashows. Das jQuery Cycle Plugin ist ein Slideshow-Plugin, das viele verschiedene Arten von Übergangseffekten unterstützt. Es unterstützt Pause-on-Hover, Auto-Stop, Auto-fit, vorher Callbacks, klicken Sie triggers und vieles mehr. Es unterstützt auch, aber nicht erforderlich, die Easing-Plugin. Funktionsweise Das Plugin stellt eine Methode namens cycle bereit, die auf einem Containerelement aufgerufen wird. Jedes untergeordnete Element des Containers wird zu einer Folie. Optionen steuern, wie und wann die Folien umgestellt werden. ScrollRight (Klicken) Bilder werden in diesen Demos verwendet, weil sie cool aussehen, aber Diashows sind nicht auf Bilder beschränkt. Sie können jedes beliebige Element verwenden. Effekte durchsuchen Über die Seite Effekte-Browser können Sie eine Vorschau der verfügbaren Effekte anzeigen. Weitere Demos und Beispiele Das Cycle Plugin bietet viele Optionen, um Ihre Diashow anzupassen. Die Standardoptionswerte können überschrieben werden, indem Sie ein Optionsobjekt an die Zyklusmethode übergeben, indem Sie Metadaten auf dem Containerelement verwenden oder indem Sie die Werte in Ihrem eigenen Code neu definieren. Weitere Informationen finden Sie auf der Seite "Optionen-Referenz". Danksagungen Besonderer Dank an Torsten Baldes. Matt Oakes und Ben Sterling für die vielen Ideen, die mich mit dem Schreiben von Cycle im Jahr 2007 begann.