Vereinbaren Sie ein kostenloses Beratungsgespräch! Beratungsgespräch buchen
In einem Webflow-Projekt lässt sich sehr einfach ein Logo oder Image Carousel erzeugen, das in einer Endlosschleife verschiedene Graphiken über den Bildschirm scrollt.
Das Carousel lässt sich bei Bedarf auch mit Links versehen, so das man jedes Logo oder Bild einzeln verlinken kann. Neben Größe und Aussehen lässt sich auch die Geschwindigkeit des Carousel anpassen.
Webflow Projekt klonen
Die Webflow-Entwicklung ist bei Webflow im Bereich "Made with Webflow" aufrufbar. Unter folgendem Link kann die Webentwicklung direkt angeschaut werden:
www.dasaundo.de/webflow-agentur-hamburg/webflow-logo-carousel
Um das Carousel im eigenen Webflow Projekt zu verwenden, muss das Projekt in den eigenen Workspace geklont werden. Anschließend kann im Navigator der entsprechende Bereich kopiert werden oder die nicht benötigen Bereiche gelöscht werden.
Der Source-Code bzw. das Webflow Projekt steht hier zur Verfügung:
made-in-webflow/website/dasaundo-logo-carousel
Die Hauptkomponente befindet sich innerhalb des Element "Section Carousel". Dieses Element und alle untergeordneten Elemente müssen in das eigene Projekt kopiert werden. Zusätzlich muss dann noch die Webflow Interaction "AO Loop Logo List" kopiert werden und innerhalb des Page triggers dem Trigger "Page load" hinzugefügt werden.