mirror of
https://github.com/a2nt/silverstripe-elemental-basics.git
synced 2024-10-22 17:05:54 +02:00
IMPR: glide slider
This commit is contained in:
parent
0d7e238268
commit
61d704226a
@ -8,29 +8,27 @@
|
||||
<% end_if %>
|
||||
|
||||
<% if $SlideShow %>
|
||||
<div class="element__content">
|
||||
<div class="element__content<% if $SlidesInRow >1 %> container<% end_if %>">
|
||||
<div
|
||||
id="Carousel{$ID}"
|
||||
class="element__carousel carousel slide js-carousel
|
||||
class="glide
|
||||
<% if $SlidesInRow > 1 %>
|
||||
carousel-multislide
|
||||
<% end_if %>"
|
||||
<% if $SlidesInRow > 1 %>
|
||||
data-length="{$SlidesInRow}"
|
||||
<% end_if %>
|
||||
data-per-view="<% if $SlidesInRow >1 %>{$SlidesInRow}<% else %>1<% end_if %>"
|
||||
<% if $SlideShow.count > 1 %>
|
||||
<% if $Interval %> data-bs-interval="$Interval"<% end_if %>
|
||||
data-bs-indicators="true" data-bs-arrows="true"
|
||||
<% end_if %>
|
||||
>
|
||||
<div class="carousel-inner">
|
||||
<% loop $SlideShow %>
|
||||
<div class="carousel-item carousel-item-{$SlideType}<% if no $Controls %> carousel-item-nocontrols<% end_if %><% if $First %> active<% end_if %>">
|
||||
<div class="carousel-slide">
|
||||
<div class="glide__track" data-glide-el="track">
|
||||
<ul class="glide__slides">
|
||||
<% loop $SlideShow %>
|
||||
<li class="glide__slide">
|
||||
<% include SlideItem %>
|
||||
</div>
|
||||
</div>
|
||||
<% end_loop %>
|
||||
</li>
|
||||
<% end_loop %>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -11,9 +11,9 @@
|
||||
<% else %>
|
||||
<% if $Image || $ImageURL %>
|
||||
<span class="img">
|
||||
<img class="carousel__img"
|
||||
src="<% if $ImageURL %>$ImageURL<% else %>$Image.FocusFill($SlideWidth,$SlideHeight).URL<% end_if %>"
|
||||
loading="lazy"
|
||||
<img class="glide__img"
|
||||
src="{$EmptyImgSrc}"
|
||||
data-lazy-src="<% if $ImageURL %>$ImageURL<% else %>$Image.FocusFill($SlideWidth,$SlideHeight).URL<% end_if %>"
|
||||
alt="<% if $Headline %>$Headline.XML<% end_if %>"
|
||||
/>
|
||||
</span>
|
||||
|
Loading…
Reference in New Issue
Block a user