Code: Select all
{strip}
{* A simple Smarty array for our slideshow *}
{$slides = []}
{$slides.0.heading = 'Heading 1'}
{$slides.0.subheading = 'Subheading 1'}
{$slides.0.image = 'image1.jpg'}
{$slides.1.heading = 'Heading 2'}
{$slides.1.subheading = 'Subheading 2'}
{$slides.1.image = 'image2.jpg'}
{* Markup *}
<section class='banner row noprint' id='sx-slides' role='banner'>
<ul class="sequence-canvas">
{foreach $slides as $slide}
<li{if $slide@first} class='animate-in'{/if}>
{if !empty($slide.heading)}<h2 class='title'>{$slide.heading}</h2>{/if}
{if !empty($slide.subheading)}<h3 class='subtitle'>{$slide.subheading}</h3>{/if}
{if !empty($slide.image)}<img class='image' src='{uploads_url}/simplex/teaser/{$slide.image}' alt='{$slide.heading|cms_escape:'htmlall'}' />{/if}
</li>
{/foreach}
</ul>
</section>
{/strip}