<% var items = (data && data.items || []).filter(function(item){ return !!item.image; }); var previewSuffix = ((renderType=='gridRowDataPreview') || (renderType=='gridItemPreview')) ? '_preview' : ''; var wrapper = (properties.wrapper || '%%%CONTENT%%%').toString().split('%%%CONTENT%%%'); var wrapperPrefix = (wrapper.length >= 1) ? wrapper[0] : ''; var wrapperSuffix = (wrapper.length >= 2) ? wrapper[1] : ''; %> <% if (items.length) { %> <%-wrapperPrefix%>
<% items.forEach(function(item, index) { %> <% var showTitle = _.includes(['all','title'], item.contentLayout); var showBody = _.includes(['all','body'], item.contentLayout); //Shadow var slideShadow = ''; var slideContentShadow = ''; if(item.contentOverlayShadow=='light_content') slideContentShadow = 'cmptSlideshow_slideContent-shadowLight'; else if(item.contentOverlayShadow=='light_full') slideShadow = 'cmptSlideshow_slide-shadowLight'; else if(item.contentOverlayShadow=='heavy_content') slideContentShadow = 'cmptSlideshow_slideContent-shadowHeavy'; else if(item.contentOverlayShadow=='heavy_full') slideShadow = 'cmptSlideshow_slide-shadowHeavy'; //Link var linkStyle = "background-image: url('"+ encodeURI(item.image) +"');"; var linkOnClick = ''; var linkUrl = item.link||''; if(previewSuffix) linkUrl = ''; else if(linkUrl.substr(0,3)=='js:'){ linkOnClick = linkUrl.substr(3) + '; return false;'; linkUrl = '#'; } //Image var imageStyle = ''; if(properties.display == 'scale'){ //Relative Scaling if(properties.maxHeight){ imageStyle += 'max-height:'+properties.maxHeight+'px;width:auto;'; } } else { //Fixed Height var imageHeight = properties.maxHeight || 400; imageStyle = 'height:'+imageHeight+'px;'; imageStyle += 'width:100%;'; } %>
href="<%=linkUrl%>"<% } %> <% if(linkOnClick){ %>onclick="<%=linkOnClick%>"<% } %> class="cmptSlideshow_slideLink" style="<%-linkStyle%>" <%if(item.linkTarget){%>target="<%=item.linkTarget%>"<%}%> data-slide-background="1">
style="pointer-events:none;"<% } %>> <% if(showTitle){ %>

data-component-title-editor="title"<% } %>><%-item.title%>

<% } %> <% if(showBody){ %>
data-component-full-editor="body"<% } %>><%-item.body%>
<% } %>
<% }) %>
<%-wrapperSuffix%> <% } else if(isInEditor) { %> <%-wrapperPrefix%>

Slideshow

photo_library
<%-wrapperSuffix%> <% } %>