carousel-slider-title
ⓘ In der JS-Datei sind die Anzeige der Bilder, die zu sehen sein sollen, anpassbar "slidesToShow". Weitere Einstellungen und Optionen findet ihr hier: https://github.com/kenwheeler/slick/
Darstellung
Code
Code wurde kopiert!
<div class="carousel-slider-title"> <a href="https://wp6.staudeintern.de/wp-content/themes/base-template-components/src/img/template/image-512x512.jpg" class="carousel-item" rel="lightbox"><img loading="lazy" decoding="async" src="https://wp6.staudeintern.de/wp-content/themes/base-template-components/src/img/template/image-512x512.jpg" alt="" width="996" height="664" class="alignnone size-full wp-image-1" /><div class="carousel-title">Titel 1</div></a> <a href="https://wp6.staudeintern.de/wp-content/themes/base-template-components/src/img/template/image-512x512.jpg" class="carousel-item" rel="lightbox"><img loading="lazy" decoding="async" src="https://wp6.staudeintern.de/wp-content/themes/base-template-components/src/img/template/image-512x512.jpg" alt="" width="996" height="664" class="alignnone size-full wp-image-2" /><div class="carousel-title">Titel 2</div></a> <a href="https://wp6.staudeintern.de/wp-content/themes/base-template-components/src/img/template/image-512x512.jpg" class="carousel-item" rel="lightbox"><img loading="lazy" decoding="async" src="https://wp6.staudeintern.de/wp-content/themes/base-template-components/src/img/template/image-512x512.jpg" alt="" width="996" height="664" class="alignnone size-full wp-image-3" /><div class="carousel-title">Titel 3</div></a> <a href="https://wp6.staudeintern.de/wp-content/themes/base-template-components/src/img/template/image-512x512.jpg" class="carousel-item" rel="lightbox"><img loading="lazy" decoding="async" src="https://wp6.staudeintern.de/wp-content/themes/base-template-components/src/img/template/image-512x512.jpg" alt="" width="996" height="664" class="alignnone size-full wp-image-4" /><div class="carousel-title">Titel 4</div></a> <a href="https://wp6.staudeintern.de/wp-content/themes/base-template-components/src/img/template/image-512x512.jpg" class="carousel-item" rel="lightbox"><img loading="lazy" decoding="async" src="https://wp6.staudeintern.de/wp-content/themes/base-template-components/src/img/template/image-512x512.jpg" alt="" width="996" height="664" class="alignnone size-full wp-image-5" /><div class="carousel-title">Titel 5</div></a> <a href="https://wp6.staudeintern.de/wp-content/themes/base-template-components/src/img/template/image-512x512.jpg" class="carousel-item" rel="lightbox"><img loading="lazy" decoding="async" src="https://wp6.staudeintern.de/wp-content/themes/base-template-components/src/img/template/image-512x512.jpg" alt="" width="996" height="664" class="alignnone size-full wp-image-6" /><div class="carousel-title">Titel 6</div></a> </div>