Open main menu

The Aruba Wiki β

Changes

Help:Slideshow

1,912 bytes added, 16:52, 15 July 2018
Created page with "<slideshow sequence="forward" transition="fade" refresh="5000"> <div>{{Main Page/About}}</div> <div>{{Main Page/Activities}}</div> <div>{{Main Page/Accommodations}}</div> <div..."
<slideshow sequence="forward" transition="fade" refresh="5000">
<div>{{Main Page/About}}</div>
<div>{{Main Page/Activities}}</div>
<div>{{Main Page/Accommodations}}</div>
<div>{{Main Page/History}}</div>
<div>{{Main Page/Landmarks}}</div>
<div>{{Main Page/Restaurants}}</div>
<div>{{Main Page/Shopping}}</div>
</slideshow>
==Usage==
<pre>
<slideshow sequence="forward" transition="fade" refresh="5000">
<div>{{Main Page/About}}</div>
<div>{{Main Page/Activities}}</div>
<div>{{Main Page/Accommodations}}</div>
<div>{{Main Page/History}}</div>
<div>{{Main Page/Landmarks}}</div>
<div>{{Main Page/Restaurants}}</div>
<div>{{Main Page/Shopping}}</div>
</slideshow>
</pre>

== Options / attributes ==

;id: The id to be given to the div containing the content. This allows you to pre-specify the id for styling purposes. If none is specified, the id will be a randomly generated number starting with 'slideshow_' (e.g. slideshow_12345).
;refresh: The time, in milliseconds, between transitions. The default is 1000 milliseconds (one second).
;sequence: The sequence in which to display the content. Must be one of the following values:
:* random: This is the default.
:* forward
:* backward
;transition: How to transition (change) between content. Must be one of the following values:
:* cut: A straight cut from the current content to the new content. This is the default.
:* fade: A one-second fade between the current content and the new content.
:* blindDown: The new content "rolls down" over the existing content.
;transitiontime: The time, in milliseconds, that transitions take to complete. The default is 400 milliseconds. Increase it to make transitions slower.
;center: if 'true', center the slideshow (only works for a slideshow of images, not text).

==See also==
* <span class="plainlinks">[https://www.mediawiki.org/wiki/Extension:JavascriptSlideshow#Options_/_attributes Syntax Help]</span>