<% const timestamp = Date.now() let slides if (Array.isArray(opt.slides)) { slides = opt.slides.filter(({ start, end }) => { if (start && timestamp < new Date(start).getTime()) { return false } if (end && timestamp > new Date(end).getTime()) { return false } return true }) } if (slides && slides.length) { const isBannerFullWidth = opt.full_width let style = '' let className = 'banner-slider' if (isBannerFullWidth) { className += ' banner-slider--full-width' } for (let i = 0; i < 2; i++) { const img = slides[0][i ? 'mobile_img' : 'img'] if (img) { const { width, height } = _.tryImageSize(img) if (width) { style += '--banner-aspect-ratio' if (i > 0) { style += '-mobile' } style += `:${Math.ceil(height / width * 1000) / 1000};` } } } %>

<% if (slides.length > 1) { %>

<% slides.forEach((_, index) => { %> <% }) %>

<% } %>