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.

Logo Carousel mit Webflow

Das Beispiel der Umsetzung bei Webflow anschauen und den Source-Code kopieren.

Jetzt kopieren!

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.

Webflow Agentur Hamburg - Logo Carousel Struktur