<% function getImageUrl (content) { if (zipExport) { return `assets/${content.image.name}` || '' } else { return layer.type === 'video' ? content.thumbnail || content.image.thumbnail : typeof content.image === 'string' ? ((content.value || content.image) || '') : content.image.url || (content.value || content.image) || '' } } function getFullscreenImageLayout (layer) { return ['zoom-in', 'zoom-out'].includes(layer.settings.animateIn) && (layer.content.compressed || zipExport) ? 'fill' : ['pan-right', 'pan-left'].includes(layer.settings.animateIn) ? 'fixed' : 'responsive' } if (layer.settings.layerSettings.fullscreen) { %> <% if (withAnimations && ['pan-up', 'pan-down'].includes(layer.settings.animateIn) && layer.settings.animateIn){ %>
<% } %> animate-in="<%= layer.settings.animateIn %>" <% if (layer.settings.animateDuration){ %>animate-in-duration="<%= layer.settings.animateDuration %>s" <% } %> <% if (layer.settings.animateDelay){ %>animate-in-delay="<%= layer.settings.animateDelay %>s" <% } %><% } %> <%if (['zoom-in'].includes(layer.settings.animateIn) && (layer.content.compressed || zipExport)) { %> scale-start="1" scale-end="1.4" <% } %> <%if (['zoom-out'].includes(layer.settings.animateIn) && (layer.content.compressed || zipExport)) { %> scale-start="1.4" scale-end="1" <% } %> src="<%= getImageUrl(layer.content) %>" width="<%= layer.settings.layerSettings.width %>" height="<%= layer.settings.layerSettings.height %>" layout="<%=getFullscreenImageLayout(layer)%>" alt="an image" <% if (((!layer.content.compressed && !zipExport) && ((layer.content.compressed || zipExport) && ['pan-up', 'pan-down', 'rotate-in-right', 'rotate-in-left', 'twirl-in'].includes(layer.settings.animateIn))) || (layer.content.compressed && ['pan-up', 'pan-down', 'rotate-in-right', 'rotate-in-left', 'twirl-in'].includes(layer.settings.animateIn))) { %> style=" border-radius: <%=layer.settings.generalSettings.round * 2 || 0%>px; width:100%;height:100%;object-fit:fill;opacity: <%=layer.settings.generalSettings.opacity / 100 %>;" <% } else if ((!layer.content.compressed && !zipExport) && !['pan-right', 'pan-left'].includes(layer.settings.animateIn)) { %> style=" border-radius: <%=layer.settings.generalSettings.round * 2 || 0%>px; width:100%;height:100%;object-fit:contain;opacity: <%=layer.settings.generalSettings.opacity / 100 %>;" <% } else if (!layer.content.compressed && !zipExport) { %> style=" border-radius: <%=layer.settings.generalSettings.round * 2 || 0%>px; position: initial;opacity: <%=layer.settings.generalSettings.opacity / 100 %>;" <% } else { %> style=" border-radius: <%=layer.settings.generalSettings.round * 2 || 0%>px; opacity: <%=layer.settings.generalSettings.opacity / 100 %>;"%> <% } %> > <% if (withAnimations && ['pan-up', 'pan-down'].includes(layer.settings.animateIn) && layer.settings.animateIn){ %>
<% } %> <% } else { %> style="height: 100%; filter: drop-shadow(rgba(0, 0, 0, 0.75) 1px 1px <%= layer.settings.generalSettings.shadow %>px); opacity: <%=layer.settings.generalSettings.opacity / 100 %>;border-radius: <%=layer.settings.generalSettings.round * 2 || 0%>px;" <% } else { %> style="height: 100%;border-radius: <%=layer.settings.generalSettings.round * 2 || 0%>px; opacity: <%=layer.settings.generalSettings.opacity / 100 %>;" <% } %> > <% } %>