Fx Options Jquery

lsaquolsaquo Zyklus nach Hause jQuery Cycle-Plugin - Anfänger Demos 1 - Definieren Sie Ihr Markup und Stile Alle Beispiele auf dieser Seite verwenden Sie die folgende Markup und CSS: 2 - ein Effekt, den Sie von einem der folgenden Namen Effekte wählen: blindX Blindy blindZ Abdeckung curtainX curtainY verblassen fadeZoom growX growY scrollUp scrollscrollleft scrollRight scrollHorz scrollVert mische Slidex slideY werfen aufgerichteten Aufdeck turnleft turnright uncover wischen Sie den Effektnamen, entweder durch einen String an die Zyklusmethode oder durch die Verwendung eines Optionen-Objekt und die Einstellung der fx-Eigenschaft auf die angeben vergrößern 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 Geschwindigkeitsoption definiert die Anzahl der Millisekunden, die benötigt wird, um von einer Folie zur nächsten überzugehen. Die Timeout-Option gibt an, wie viele Millisekunden zwischen dem Beginn jedes Übergangs vergehen. 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. Dinge, die in Mind beibehalten werden - CSS-Regeln Beachten Sie beim Erstellen Ihrer Diashows, dass Animationseffekte am besten funktionieren, wenn sowohl der Container als auch die Folie über eine feste Box verfügen. - 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 die Pause-on-Hover, Auto-Stop, Auto-fit, bevor nach Rückrufe, klicken Sie auf Trigger 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 (Klick) Die Bilder werden in diesen Demos verwendet, weil sie cool aussehen, aber Diashows werden zu Bildern 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, indem Sie eine Option Objekt an die Zyklusmethode außer Kraft gesetzt werden, die von Metadaten auf dem Containerelement verwenden, oder indem Sie die Werte in Ihrem eigenen Code neu zu definieren. Weitere Informationen finden Sie auf der Seite "Optionen-Referenz". Danksagung 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.