Fx Fade Optionen

Lsaquolsaquo home jQuery Cycle Plugin Schauen Sie sich 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 begann im Jahr 2007. FadeOut () Ein String, der angibt, welche Lockerungsfunktion für den Übergang zu verwenden. Ein Boolescher Wert, der angibt, ob die Animation in der Effekt-Warteschlange platziert werden soll. Wenn false, beginnt die Animation sofort. Ab jQuery 1.7. Kann die Warteschlangenoption auch einen String akzeptieren, wobei in diesem Fall die Animation zu der durch diese Zeichenfolge dargestellten Warteschlange hinzugefügt wird. Wenn ein benutzerdefinierter Warteschlangenname verwendet wird, wird die Animation nicht automatisch gestartet, müssen Sie. dequeue (quotqueuenamequot) aufrufen, um es zu starten. Ein Objekt, das eine oder mehrere der CSS-Eigenschaften enthält, die durch das Eigenschaftenargument und ihre entsprechenden Lockerungsfunktionen definiert werden. (Version hinzugefügt: 1.4) Für jede animierte Eigenschaft eines animierten Elements wird eine Funktion aufgerufen. Diese Funktion bietet die Möglichkeit, das Tween-Objekt zu ändern, um den Wert der Eigenschaft zu ändern, bevor sie gesetzt wird. Eine Funktion, die nach jedem Schritt der Animation aufgerufen wird, nur einmal pro animiertem Element, unabhängig von der Anzahl der animierten Eigenschaften. (Version hinzugefügt: 1.8) Eine Funktion, die aufgerufen wird, sobald die Animation auf einem Element abgeschlossen ist. Eine Funktion, die aufgerufen wird, wenn die Animation eines Elements beginnt. (Version hinzugefügt: 1.8) Eine Funktion, die aufgerufen wird, wenn die Animation auf einem Element abgeschlossen ist (ihr Promise-Objekt ist aufgelöst). (Version hinzugefügt: 1.8) Eine aufzurufende Funktion, wenn die Animation auf einem Element nicht abgeschlossen ist (ihr Promise-Objekt wird abgelehnt). (Version hinzugefügt: 1.8) Eine aufzurufende Funktion, wenn die Animation auf einem Element abgeschlossen oder beendet wird, ohne sie zu beenden (ihr Promise-Objekt wird entweder aufgelöst oder verworfen). (Version added: 1.8) version added: 1.4.3.fadeOut (duration, easing, complete) Ein String oder eine Zahl, die bestimmt, wie lange die Animation läuft. Ein String, der angibt, welche Lockerungsfunktion für den Übergang verwendet werden soll. Eine Funktion, die aufgerufen wird, sobald die Animation abgeschlossen ist, wird einmal pro abgestimmtes Element aufgerufen. Die. fadeOut () - Methode animiert die Deckkraft der übereinstimmenden Elemente. Sobald die Deckkraft 0 erreicht, wird die Eigenschaft display style auf none gesetzt. So dass das Element nicht mehr das Layout der Seite beeinflusst. Die Dauer wird in Millisekunden angegeben, höhere Werte geben langsamere Animationen und nicht schnellere an. Die Strings aposfastapos und aposslowapos können geliefert werden, um die Dauer von 200 bzw. 600 Millisekunden anzugeben. Wenn eine andere Zeichenfolge geliefert wird oder wenn der Dauerparameter nicht angegeben wird, wird die Standarddauer von 400 Millisekunden verwendet. Wir können jedes Element wie ein einfaches Bild animieren: Hinweis: Um unnötige DOM-Manipulationen zu vermeiden. FadeOut () verbirgt nicht ein Element, das bereits als versteckt betrachtet wird. Informationen darüber, welche Elemente jQuery versteckt hält, finden Sie unter: hidden Selektor. Ab jQuery 1.4.3. Kann ein optionaler String verwendet werden, der eine Lockerungsfunktion benennt. Easing-Funktionen geben die Geschwindigkeit an, mit der die Animation an verschiedenen Punkten innerhalb der Animation fortschreitet. Die einzige Lockerung Implementierungen in der jQuery-Bibliothek sind die Standard-, genannt Swing. Und eine, die in einem konstanten Tempo, geradlinig fortschreitet. Weitere Funktionen sind mit Plug-Ins verfügbar, vor allem die jQuery UI Suite. Rückruffunktion Der Rückruf wird, sobald die Animation abgeschlossen ist, ausgelöst. Dies kann nützlich sein, um nacheinander verschiedene Animationen zu zeichnen. Der Rückruf wird keine Argumente gesendet, aber dieses wird auf das DOM-Element gesetzt, das animiert wird. Wenn mehrere Elemente animiert werden, ist es wichtig zu beachten, dass der Rückruf einmal pro übereinstimmendem Element ausgeführt wird, nicht einmal für die Animation als Ganzes. Ab jQuery 1.6. Kann die Methode. promise () in Verbindung mit der Methode deferred. done () verwendet werden, um einen einzelnen Rückruf für die Animation als Ganzes auszuführen, wenn alle übereinstimmenden Elemente ihre Animationen abgeschlossen haben (siehe Beispiel für. promise ()). Zusätzliche Hinweise: Alle jQuery-Effekte, einschließlich. fadeOut (). Kann global deaktiviert werden, indem jQuery. fx. off true gesetzt wird. Die effektiv die Dauer auf 0 setzt. Weitere Informationen finden Sie unter jQuery. fx. off. Animiert alle Absätze zum Ausblenden und vervollständigt die Animation innerhalb von 600 Millisekunden.