Developer manual

Test: Slideshow Plugin - Crossfade

There are currently two methods of calling the slideshow plugin. They are functionally identical, and have the same options. The only difference is the shorter Spring Tag method can only be used in layout.xml (but has the advantage of being slightly easier to read when developing).

Spring Tag

The shorter form Spring Tag can be used within layout.xml for the Slideshow plugin

Default:

<slideshow/>

Options:

See Slideshow Plugin for all options.

<slideshow option="value"/>

Example:

This example is functionally identical to the longer plugin format shown further down.

(Example shown formatted over several lines is simply for readability in the docs).

<slideshow setup="autoLoad:false"
parameters="interval:5,duration:2,autoStart:true,setSize:true"
controls="none" crop="1" width="530" height="530"/>

Plugin format

The longer format plugin format can be embedded in a page using the Spring Page Editor, or used directly within layout.xml

Default:

N/A

Options:

See Slideshow Plugin for all options.

<p>
<select name="slideshow">
<option value="class">crossfade</option>
<option value="setup">autoLoad:false</option>
<option value="parameters">interval:5,duration:2,autoStart:true,setSize:true</option>
<option value="controls">none</option>
<option value="crop">1</option>
<option value="width">530</option>
<option value="height">350</option>
</select>
</p>

The Slideshow example below uses the above settings:

Sample content below the slideshow.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque dignissim. Maecenas nec urna eu tellus condimentum molestie. Sed euismod urna nec lorem. Sed orci magna, semper in, faucibus id, porttitor a, enim. Duis tristique tempor erat. In arcu arcu, vulputate eu, ultrices et, pharetra non, dui. Suspendisse est libero, mattis eu, suscipit eu, posuere id, pede. Proin sollicitudin. Proin at dolor sed nibh aliquam tempus. Sed risus dolor, gravida sit amet, cursus eget, rhoncus vitae, orci.