Hero-Slider — Autoplay startet erst nach deiner ersten Interaktion
So bleibt der LCP-Wert unangetastet
Pausiert bei Hover, Drag und im Hintergrund-Tab
Slider-Test
Oben der Hero-Slider: Bild über die volle Breite, der
Text richtet sich an der Content-Breite aus, keine Pfeile. Autoplay
startet nach der ersten Interaktion (einmal scrollen, klicken oder
wischen) und blättert dann alle 5 Sekunden. Über die Einstellung
breite="breakout" lässt sich auch das Bild auf die
Content-Breite begrenzen.
Variante B — Embla in Inhaltsbreite (72rem): Endlos-Loop, Maus-Drag mit Schwung, Pfeile am Desktop, Punkte-Navigation.
Variante C — Embla über die volle Seitenbreite: die Nachbar-Slides ragen als Teaser in den Viewport hinein, der Slider läuft von Bildschirmrand zu Bildschirmrand.
Variante D — Vertikales Bild-Laufband: die Bilder laufen dauerhaft smooth von unten nach oben durch (pausiert bei Hover), daneben eine feste Textspalte.
Unser Werkstoff ist vielseitig und passt einfach überall
Dummy-Text im Stil der Vorlage: langlebiger als Holz und WPC, vielseitig einsetzbar — von Terrassen und Balkonen bis hin zu Brücken, Stegen und Uferbefestigungen.
Formstabil, rutschhemmend und UV-beständig — ein langlebiges Material, das in jeder Umgebung zuverlässig Leistung zeigt.