Hallo zusammen
Gibt es eigentlich irgendwo eine Übersicht der Optionen, die man in j_slider.html5 anwenden kann?
Danke und Gruss
Marco
Hallo zusammen
Gibt es eigentlich irgendwo eine Übersicht der Optionen, die man in j_slider.html5 anwenden kann?
Danke und Gruss
Marco
Die Optionen von Swipe sind hier zu finden: https://github.com/thebird/Swipe#config-options
Ich würde das Skript ebenfalls gerne bezüglich der Animation von im Slider gelegenen Elementen erweitern, evtl. kann man dafür die Callback-Funktion nutzen.
Ich würde den Effekt z.B. gerne dahingehend erweitern, dass nach dem Wechsel eines Slides eine Textbox im Slide einfaded. Es gibt ja zahlreiche Skripte und Erweiterungen, die so etwas ermöglichen. Ich fände eine simple Lösung mit Bordmitteln allerdings sehr interessant.
Hat sich hier etwas getan?
falls der aktuelle slide eine active-class hat kann das einfach per css gesteuert werden.
Gesendet von meinem SM-G965F mit Tapatalk
Ich würde den Effekt z.B. gerne dahingehend erweitern, dass nach dem Wechsel eines Slides eine Textbox im Slide einfaded.
Evtl. auch in Kombination mit animate.css und wew.js (wow.js Alternative mit MIT License) und hier dann die data-wew-delay / data-wew-duration Options mit der Slide Duration anpassen/synchronisieren ...
Geändert von Franko (05.10.2018 um 12:44 Uhr)
Freelancer, Digital Design Enthusiast, Contao Aficionado and Tutorial Junkie @MoinFranko - Carpe diem ...
Die swipe.js Implementierung macht was es soll - evtl. wäre es hinsichtlich erweiterten, animierten Inhalten besser einen anderen Slider heranzuziehen der das von vorn herein anbietet - da gibt es ja zahlreiche:
- https://revolution.themepunch.com/
- https://www.jssor.com/
- https://github.com/Vchouliaras/jquery.animateSlider.js
- https://github.com/jacksbox/jquery.fractionslider
Entweder die entsprechenden Options der Plugins an den von Contao-Slider Inhaltselement erzeugten Quelltext anpassen oder halt umgekehrt das Contao-Slider Template entsprechend an das Plugins anpassen ..
Freelancer, Digital Design Enthusiast, Contao Aficionado and Tutorial Junkie @MoinFranko - Carpe diem ...
Über 'transitionEnd' : function(){document.getElementById('MeinDiv').clas sList.toggle('active') in der js_slider.html5 könnte man eine Klasse ergänzen, sobald die Transition abgeschlossen ist. Hierbei wird aber nicht die erste Slide berücksichtigt und man müsste zudem eine Schleife zur Abfrage ergänzen, welche die Klasse jeweils nur bei einem Element ergänzt. Falls das klappt, könnte man die Klasse im zweiten Schritt animieren.
Ja, als "letzte Lösung" könnte man das Slider-Template anpassen und ein anderes Slider-Skript laden oder eine entsprechende Erweiterung installieren. Allerdings möchte ich die swipe.js nicht aufbohren, um daraus einen Revolution Slider o.ä. zu machen, sondern lediglich einen minimalen Zugriff auf die aktive Slide haben.
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
Lesezeichen