Ein Bilder-Slider
Eine Diashow oben auf einer Seite.
Lebenszyklus: Bauen, Beispiel 25 von 35. Ausgearbeitet auf der Site Fit & Healthy von Exponential 6.0.15+.
Inhalt
Im Layout-Editor
- Öffnen Sie Layouts > Layouts und das Layout Landing Page / Home; der Editor öffnet es in einem Entwurf.
- Öffnen Sie die Blockpalette (+ oben links) und ziehen Sie Slider (Gruppe Gallery) in die Zone
main. - Wählen Sie den Block aus, öffnen Sie den Reiter Design und füllen Sie die Quelle aus: Parent node ID, Limit, Class filter, Image attribute identifier, Thumbnail size alias.
- Layout veröffentlichen. Die Seiten, die das Layout verwenden, zeigen den Block beim nächsten Aufruf.
Mit Templates
- Überschreiben Sie
explayouts/block/gallery/slider.tpldes Media-Designs in Ihrer Erweiterung, um das Markup der Folien zu ändern.
Welchen Weg Sie wählen
Berücksichtigen Sie prefers-reduced-motion in den Styles, wenn sich der Slider von selbst bewegt.
Prüfen
- Die Folien lassen sich mit der Tastatur bewegen.
Verwandte Seiten
- Wie ein Block seinen Templates zugeordnet wird
- Beispiele zum Bauen, alle Seiten
- Freie Dokumentation: Diese Seite darf unter der GNU FDL 1.3 frei kopiert, übersetzt und verbessert werden.
Werden Sie Exponential-Partner
Partner teilen ihre Informationen, stellen Mittel bereit, geben Beiträge zurück und entwickeln die Produkte mit uns, und so wächst Exponential. Eine Partner-Website und ein Dashboard sind für Mitte 2027 geplant: Werden Sie noch heute Partner, damit wir schneller wachsen und neue Funktionen früher liefern.