How do you Randomise Simplex Slideshow? [SOLVED]

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Locked
jackstringer
Forum Members
Forum Members
Posts: 42
Joined: Sun May 02, 2010 3:54 pm

How do you Randomise Simplex Slideshow? [SOLVED]

Post by jackstringer »

So I am running a virtually stock version of the Simplex Theme (CMSMS Version 2.1.3),

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}
Now how do I go about Randomising/Shuffling these slides. I have more slides but I slimmed it down to save space.
Last edited by jackstringer on Sat Jul 02, 2016 6:14 pm, edited 2 times in total.
User avatar
Rolf
Power Poster
Power Poster
Posts: 7825
Joined: Wed Apr 23, 2008 7:53 am
Location: The Netherlands
Contact:

Re: How do you Ramdomise Simplex Slideshow?

Post by Rolf »

- + - + - + - + - + - + -
LATEST TUTORIAL AT CMS CAN BE SIMPLE:
Migrating Company Directory module to LISE
- + - + - + - + - + - + -
Image
jackstringer
Forum Members
Forum Members
Posts: 42
Joined: Sun May 02, 2010 3:54 pm

Re: How do you Ramdomise Simplex Slideshow?

Post by jackstringer »

Code: Select all

<ul class="sequence-canvas">
{capture}{$slides|@shuffle}{/capture}
        {foreach $slides as $slide}
Thank you that sorted it.
Locked

Return to “Layout and Design (CSS & HTML)”