1<#assign dlTool = utilLocator.findUtil("lportal-ce-hook", "as.asac.template.tools.DLTool") />
2
3<div id="carousel-home" class="carousel slide carousel-fade" data-ride="carousel" data-interval="50000">
4 <span aria-hidden="true" class="loading-animation loading-bg"></span>
5
6 <div class="carousel-inner">
7
8 <#assign count = 0 />
9 <#list Slide.getSiblings() as s>
10
11 <#if s.Texto.getData()?has_content>
12 <#assign enlace = s.Titulo.getData() />
13 <#else>
14 <assign enlace = "#" />
15 </#if>
16
17 <div class="carousel-item <#if s?is_first> active</#if> image-wrapper image-wrapper-contain" style="background-image: url(${s.Imagen.getData()});" data-link="${enlace}">
18
19 <div class="caption-wrapper container">
20 <div class="caption">
21 <#if s.Titulo.getData()?has_content>
22 <div class="title"><a href="${s.Enlace.getData()}">${s.Titulo.getData()}</a></div>
23 </#if>
24 <#if s.Texto.getData()?has_content>
25 <div class="description"><a href="${s.Enlace.getData()}">${s.Texto.getData()}</a></div>
26 </#if>
27 <!--<#if s.Enlace.getData()?has_content>
28 <div class="button-wrapper">
29 <a href="${s.Enlace.getData()}" class="button">Pulsa aquí</a>
30 </div>
31 </#if>//-->
32
33
34 </div>
35 </div>
36 </div>
37
38 <#assign count = count + 1 />
39 </#list>
40 </div>
41 <ol class="carousel-indicators">
42 <#assign count = 0 />
43 <#list Slide.getSiblings() as s>
44 <li data-target="#carousel-home" data-slide-to="${count}" <#if count==0> class="active"</#if>></li>
45 <#assign count = count + 1 />
46 </#list>
47 </ol>
48</div>
49
50<script>
51const carouselItems = document.querySelectorAll('.carousel-item');
52
53carouselItems.forEach(carouselItem => {
54 const linkData = carouselItem.getAttribute('data-link'); // Suponiendo que cada elemento tenga un atributo 'data-link' con la URL del enlace
55
56 carouselItem.addEventListener('click', () => {
57 window.location.href = linkData;
58 });
59});
60</script>