- Offizieller Beitrag
Der Warly Vorher/Nachher Slider bietet eine effektvolle Möglichkeit Vorher/Nachher Bilder in Szene zu setzen.
Die Elemente passen sich an den Style der Website an und ist so perfekt integriert.
Der Slider kann mit Maus, Tastatur als auch mit Touch bedient werden und ist so für jeden leicht zugänglich und einfach zu benutzen.
Unterstützt werden zwei Darstellungen:
Getrennt
Beide Bilder werden getrennt von einander angezeigt und können über einen Schieber in der Mitte verschoben werden.
[Blockierte Grafik: https://www.woltlab.com/attachment/159719-before-after-slider-split-gif/]
Überblenden
Beim überblenden befindet sich der Schieber am unteren Ende und die Bilder sind übereinander gelegt. So lassen sich besonders die Unterschiede beider Bilder am besten erkennen.
[Blockierte Grafik: https://www.woltlab.com/attachment/159718-before-after-slider-fade-gif/]
[Blockierte Grafik: https://www.woltlab.com/attachment/159722-bullet-png/] Anleitung
Der Vorher/Nachher Slider ist eine Box und kann an jeder beliebigen Position eingebunden werden.
Pro Box kann die Darstellung und die Höhe festgelegt werden. Wird die Höhe weggelassen, wird die Höhe entsprechend der Bilder automatisch festgelegt.
Hinweis: Beide Bilder müssen die exakt selben Abmessungen haben.
[Blockierte Grafik: https://www.woltlab.com/attachment/159721-boxsettings-jpg/?thumbnail=1]
[Blockierte Grafik: https://www.woltlab.com/attachment/159722-bullet-png/] Kompatibilität
• Kompatibel mit WoltLab Suite ab Version 3.1
• Integration in Warly Boxxer
[Blockierte Grafik: https://www.woltlab.com/attachment/159722-bullet-png/] Support
Support gibt es im Forum auf warly.de nach Verknüpfung der Benutzerkonten.
Zur Original Nachricht: Warly Vorher/Nachher Slider - WoltLab®
