Optionen Für Mootools Fx Slide

Elemente - (Element) Das zu verschiebende Element. Optionen - (Objekt optional) Alle Fx-Optionen zusätzlich zu Modus und Wrapper. Mode - (string defaults to 39vertical39) Zeichenfolge, um anzugeben, welche Art von Schieben. Kann auf 39vertical39 oder 39horizontal39 eingestellt werden. Wrapper - (Element defaults to this. element) Ermöglicht das Festlegen eines anderen Elements als Wrapper. HideOverflow - (boolean default to true) setzt den Überlauf des Wrappers automatisch auf Überlauf, sonst erbt er von dem Element, das umbrochen wird. ResetHeight - (boolesche Standardwerte auf false) Setzt automatisch die Höhe des Wrappers zurück, wenn die Dia-Entfaltungsanimation abgeschlossen ist, wobei erlaubt wird, den Inhalt zu manipulieren, der es natürlich anpasst. Eigenschaften open - (boolean) Gibt an, ob das Schiebeelement sichtbar ist. Um den Dia-Effekt zu erzeugen, wird ein zusätzliches Element (das standardmäßig ein quotdivququot) um das gegebene Element gewickelt. Dieser Wrapper passt den Rand aus dem Element an. It39s Überlauf ist auf versteckt und es hat eine feste Höhe. Schiebt das Element horizontal oder vertikal. Elemente - (Element) Das zu verschiebende Element. Optionen - (Objekt optional) Alle Fx-Optionen zusätzlich zu Modus und Wrapper. Mode - (string defaults to 39vertical39) Zeichenfolge, um anzugeben, welche Art von Schieben. Kann auf 39vertical39 oder 39horizontal39 eingestellt werden. Wrapper - (Element defaults to this. element) Ermöglicht das Festlegen eines anderen Elements als Wrapper. HideOverflow - (boolean default to true) setzt den Überlauf des Wrappers automatisch auf Überlauf, sonst erbt er von dem Element, das umbrochen wird. ResetHeight - (boolesche Standardwerte auf false) Setzt automatisch die Höhe des Wrappers zurück, wenn die Dia-Entfaltungsanimation abgeschlossen ist, wobei erlaubt wird, den Inhalt zu manipulieren, der es natürlich anpasst. Eigenschaften open - (boolean) Gibt an, ob das Schiebeelement sichtbar ist. Um den Dia-Effekt zu erzeugen, wird ein zusätzliches Element (das standardmäßig ein quotdivququot) um das gegebene Element gewickelt. Dieser Wrapper passt den Rand aus dem Element an. It39s Überlauf ist auf versteckt und es hat eine feste Höhe. Schiebt das Element in der Ansicht horizontal oder vertically. fxSlide (Slideshow) - Ein sehr flexibles, aber einfaches mootools Javascript-Plugin, um Bilder oder mehrfache Abbildungen sofort zu gleiten und zu beleben. Viele konfigurierbare Optionen Horizontale und vertikale Folien Sie können mehrere Objekte gleichzeitig verschieben (wie 4x1 Image-Blöcke) Automatische Folienfunktionalität Zufällige Slide-Image-Funktion Slide-Buttons und Thumbnails Funktionalität Die Folientasten werden automatisch an Ihre Diashow angepasst Rückruffunktionalität Sie können Ihre Eigene HTML-Struktur, so gibt es keine Notwendigkeit, Ihren bestehenden HTML-Code zu ändern, wenn Sie bereits eine auf Ihrer Webseite haben Rückwärts Kompatibel zu alten Mootool-Versionen (1.2) Sie können verschiedene HTML-Elemente innerhalb eines Dia-Block (noch nicht getestet, aber Sollte es ohne Probleme funktionieren) Die Alpha-Dia-Funktion ist noch nicht implementiert Öffnen Sie den Demo-Ordner und haben Sie Spaß Zunächst müssen Sie die folgenden Skripte jsfxSlide. js (oder die verkleinerte Version fxSlide. min. js) jsmootools. js (oder Ihre eigenen Mootools enthalten Core-Version) imgcontroller cssfxSlide. css Sehen Sie die demodemo. html für Beispiele, aber im Grunde müssen Sie den fallenden Code in Ihren HTML-Datei-Kopf implementieren: Implementieren Sie den fallenden Code in Ihre Javascript-Datei (verwenden Sie domready): Wenn Sie eine andere Verzeichnisstruktur haben , Dann vergessen Sie nicht, die Hintergrundbilder in Ihrer fxSlide. css-Datei anzupassen Wenn Sie die Breite Höhe Ihrer Folienelemente oder den Abstand zwischen Elementen ändern möchten, dann bearbeiten Sie einfach Ihre Datei fxSlide. css und die fehlende Zeile: Elemente: Ihre Folie Elemente, zB (.fxSlide): true, Benötigen Sie eine Tab-Navigation für Ihre Galerie-Schaltflächen: true, benötigen Sie eine Schaltflächen-Navigation für Ihre Galerie imageContainer: ul, Ihr Gesamtbild-Container, z. Ul wählt. fxSlide ul imageElement: li, Ihre Image-Container, z. Li selects. fxSlide ul li slideEffekt: slide, wähle zwischen verschiedenen Slide-Effekten (slide, alpha oder eigene) slideDuration: 850, Die Dauer des Slide-Effekts slideTransition: false, Der Übergang deines Slide-Effekts slideDirection: x, Choose between Eine horizontale (y) oder eine vertikale Folie (x) slideSize: 1, wie viele sichtbare Folien tun u wünschen slideStep: auto, wie viele Folien pro Schritt gesprungen werden soll (Anzahl) slideStart: 0, Wählen Sie, wo die Folie slideStartRandom starten soll : False, Die Galerie startet mit einem zufälligen Folienwert slideAuto: true, AutoSlide ein oder aus slideAutoInterval: 6000, Wählen Sie ein Zeitintervall für Ihren AutoSlide-Effekt slideAutoOnHoverIn: stop, Stoppen Sie den AutoSlide-Effekt, wenn Sie über ein Navigationselement schweben SlideAutoOnHoverOut: start, Fortsetzung des AutoSlide-Effekts, wenn Sie außerhalb eines Navigationselements schweben slideCallback: function (), Verwenden Sie Ihren eigenen Callback, wenn ein Slide startet, zB (SlideObject, slideElement, slideNum, slideDuration, slideEffect, slideMode) initCallback: function () Verwenden Sie Ihren eigenen Callback bei der Initialisierung der Klasse, z. Funktion (slideObject)