Cycle Fx Optionen

Lsaquolsaquo Zyklus Startseite jQuery Cycle Plugin - Anfänger Demos 1 - Definieren Sie Ihr Markup und Styles Alle Beispiele auf dieser Seite verwenden die folgenden Markup und CSS: 2 - Wählen Sie einen Effekt Sie können aus einem der folgenden benannten Effekte wählen: blindX blindY blindZ Abdeckung CurtainX curtainY fade fadeZoom growX growY scrollUp scrollDown scrollLeft scrollRight scrollHorz scrollVert shuffle slideX slideY toss turnUp turnDown drehenLeft turnRight aufzudecken wischen zoom Sie geben den Effektnamen an, indem Sie entweder einen String an die Zyklusmethode übergeben oder ein options - Objekt verwenden und die fx - Eigenschaft auf die Name der gewünschten Wirkung.3 - Wählen Sie Geschwindigkeits - und Zeitüberschreitungswerte Als nächstes können Sie Geschwindigkeits - und Zeitüberschreitungswerte auswählen, um festzulegen, wie schnell und wie oft die Folienübergänge auftreten. Die Geschwindigkeit Option definiert die Anzahl der Millisekunden dauert es von einer Folie zur nächsten zu wechseln. Die Timeout-Option gibt an, wie viele Millisekunden zwischen dem Beginn eines jeden Übergang verstreichen. 4 - Wählen Sie Andere Optionen Es gibt viele andere Optionen zur Auswahl. Zwei, die Sie nützlich finden können, sind Pause und zufällig. Die Pause-Option bewirkt, dass die Diashow pausiert, wenn die Maus über die Folie schwebt. Die zufällige Option bewirkt, dass die Dias in zufälliger Reihenfolge und nicht sequentiell dargestellt werden. CSS-Regeln Wenn Ihre Diashows erstellen, denken Sie daran, dass die Animationseffekte am besten funktionieren, wenn sowohl der Behälter und Schieber einen festen Kasten haben - Dinge im Auge zu behalten. - Denken Sie daran, dass jedes Kind Element des Containers wird ein slidelsaquolsaquo home jQuery Cycle 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.