fix multiple carousel in one page

This commit is contained in:
Pablo Ferreiro 2023-04-08 12:03:33 +02:00
parent 4e191922fe
commit b5d034437f
No known key found for this signature in database
GPG key ID: 41FBCE65B779FA24
3 changed files with 4 additions and 4 deletions

View file

@ -6,14 +6,14 @@
<section class="carousel" aria-label="carousel" Tabindex="0">
<div class="slides">
{foreach $item->imagePost->images as $i => $image}
<div class="slides-item" id="image-{$i + 1}" tabindex="0">
<div class="slides-item" id="{$item->id}-image{$i + 1}" tabindex="0">
<img src="{url_stream($image->imageURL->urlList[0])}" />
</div>
{/foreach}
</div>
<div class="carousel__nav">
{for $i = 0; $i < count($item->imagePost->images); $i++}
<a class="slider-nav" href="#image-{$i + 1}">{$i + 1}</a>
<a class="slider-nav" href="#{$item->id}-image{$i + 1}">{$i + 1}</a>
{/for}
</div>
<div class="carousel__skip-message" id="skip-link" tabindex="0"></div>