Template:Slideshow

From Wikipedia, the free encyclopedia


Development code for table-based version available at User:Rupert Clayton/slideshow template (table format)
Undocumented parameters
none at present
[edit] Template documentation

[edit] Usage

Use 
Create a gallery of images (maximum 20) of the same width. A javascript function allows the images to be viewed one by one. The printable version is readable; deactivating Javascript does not prevent the images from being viewed. Warning: So as not to mess up the layout, you are advised to use images of equal or very similar sizes. When there is not much text around the images, left alignment is recommended.

Syntax:

Applied, excluding the comments, it might look like this:

{{Slideshow
|width=200

|align=left

|background=white

|border=black

<!-- List Images as Pairs of parameters, do not use image#.jpg= or title#= syntax
---- as the parameters are just the default numeric placeholders --->

|image1.jpg|title 1 <!-- i.e. Odd#1: "{{{1}}}"                 pipe Even#1: "{{{2}}}" -->

|image2.jpg|title 2 <!-- i.e. Odd#2: "{{{3}}}"                 pipe Even#2: "{{{4}}}" -->

|image3.jpg...      <!-- i.e. Odd#3: "{{{1}}}"                 pipe Even#3: "{{{2}}}" -->

|...                <!-- ... and so forth, until...                                   --> 

|...                <!-- i.e. Odd#N: "{{{1 + (2 x [Nth-1])}}}" pipe Even#N: "{{{(2 x Nth) }}}" -->

|image20.jpg|title 20 <!-- Maximum pairs

<!-- Optionally, you CAN use the synax
---- ... |1=imagename|2=imagetitle|3=imagename|4=thatonestitle|... 
---- as with any named parameter. This method has the advantage of 
---- "In table form" and newlines have no ill effects. It also allows 
---- an embedded equals sign in the data if it is needed.
--->

}}
  • width : The width to use for each image, in px (do not include units). Default : 200.
  • background : Background color for the box. Default : white.
  • border : Color for the box border. Default : #BBB.
  • align : Image alignment choices are left (in which case, text will not wrap around the image), center and right.
Usage examples
Images of equal proportions, aligned left,
{{Slideshow
|width=300
|title=Some photos of the [[massif du Vercors]]
|align=left
|Image:Vercors Ambel2.jpg|The [[plateau d'Ambel]] in May
|Image:Vercors_Ambel.jpg|The [[plateau d'Ambel]] in August
|Image:Petit_Veymont.jpg|Petit Veymont
|Image:Mont Aiguille.jpg|[[Mont Aiguille]]
|Image:Route_Tourniol.jpg|The route over Col de Tourniol
|Image:Col_Bataille.jpg|View of the Col de la Bataille
|Image:Grands_Goulets.jpg|The [[Grands Goulets]] route
}}
Some photos of the massif du Vercors
The plateau d'Ambel in May
The plateau d'Ambel in May
The plateau d'Ambel in August
The plateau d'Ambel in August
Petit Veymont
Petit Veymont
The route over Col de Tourniol
The route over Col de Tourniol
View of the Col de la Bataille
View of the Col de la Bataille
The Grands Goulets route
The Grands Goulets route

Some photos of the massif du Vercors
The plateau d'Ambel in May
The plateau d'Ambel in May
The plateau d'Ambel in August
The plateau d'Ambel in August
Petit Veymont
Petit Veymont
The route over Col de Tourniol
The route over Col de Tourniol
View of the Col de la Bataille
View of the Col de la Bataille
The Grands Goulets route
The Grands Goulets route

And the same, but right-aligned (align=right)

{{Slideshow<br/>
|width=300<br/>
|title=Some photos of the [[massif du Vercors]]
|align=right
|Image:Vercors Ambel2.jpg|The [[plateau d'Ambel]] in May
|Image:Vercors_Ambel.jpg|The [[plateau d'Ambel]] in August
|Image:Petit_Veymont.jpg|Petit Veymont
|Image:Mont Aiguille.jpg|[[Mont Aiguille]]
|Image:Route_Tourniol.jpg|The route over Col de Tourniol
|Image:Col_Bataille.jpg|View of the Col de la Bataille
|Image:Grands_Goulets.jpg|The [[Grands Goulets]] route
}}


And the same, but centered (align=center). Warning: the background box occupies the full width of the page.

Some photos of the massif du Vercors
The plateau d'Ambel in May
The plateau d'Ambel in May
The plateau d'Ambel in August
The plateau d'Ambel in August
Petit Veymont
Petit Veymont
The route over Col de Tourniol
The route over Col de Tourniol
View of the Col de la Bataille
View of the Col de la Bataille
The Grands Goulets route
The Grands Goulets route