1<#if Images.getSiblings()?has_content>
2 <#if (Images.getSiblings()?size > 1)>
3 <#--if more then one image for case studie make slider-->
4 <div class="ay-case-study-slider-main-outer">
5 <div class="ay-case-study-slider-main">
6 <div id="sync1" class="owl-carousel owl-theme">
7 <#list Images.getSiblings() as cur_Image>
8 <#assign imageAlt = "Image " + cur_Image?index + " for " + Case_Study_Title.getData() />
9 <#if cur_Image.getAttribute("alt")?? && cur_Image.getAttribute("alt") != "">
10 <#assign imageAlt = cur_Image.getAttribute("alt")>
11 </#if>
12 <div class="cs-item">
13 <img alt="${imageAlt}" src="${cur_Image.getData()}">
14 </div>
15 </#list>
16 </#list>
17 </div>
18 <div id="sync2" class="owl-carousel owl-theme">
19 <#list Images.getSiblings() as cur_Image2>
20 <#list Images.getSiblings() as cur_Image2>
21 <#assign imageAlt = "Image " + cur_Image2?index + " for " + Case_Study_Title.getData() />
22 <#if cur_Image2.getAttribute("alt")?? && cur_Image2.getAttribute("alt") != "">
23 <#assign imageAlt = cur_Image2.getAttribute("alt")>
24 </#if>
25 <div class="cs-item">
26 <img alt="${imageAlt}" src="${cur_Image2.getData()}">
27 </div>
28 </#list>
29 </#list>
30 </div>
31 </div>
32 </div>
33 <#else>
34 <#--else show the one image-->
35 <#assign imageAlt = "Image for " + Case_Study_Title.getData() />
36 <#if Images.getSiblings()[0].getAttribute("alt")?? && Images.getSiblings()[0].getAttribute("alt") != "">
37 <#assign imageAlt = Images.getSiblings()[0].getAttribute("alt")>
38 </#if>
39
40 <figure class="ay-case-study--single-image" style="min-height:50px;">
41 <figcaption>
42 <span class="ay-case-study--title-blue-bg">
43 <#if (Case_Study_Title.getData())??>${Case_Study_Title.getData()}</#if>
44 </span>
45 <span class="ay-title-edge-blue__end"></span>
46 </figcaption>
47 <img alt="${imageAlt}" src="${Images.getSiblings()[0].getData()}">
48 </figure>
49 </#if>
50</#if>