Template:Slider generator/doc

Description
This template is used to create a slider.

Dependencies
This template uses File:Slider back.png, the CSS classes included in the section "Slider" on MediaWiki:Common.css and MediaWiki:Common.js/slider2.js.

Syntax
Simple syntax:

Complete syntax:

Parameters

 * id= this will assign the ID  to the slide. This ID will be used for styling the slide, for example by adding a background image with CSS.
 * title= this will add a title at the top of the slide - optional.
 * headerlink#= this will add a text in the top right corner. Maximum four elements can be added - optional.
 * navportal1= the identification number of the portal which the "back icon" will link to.
 * navimg1= the image used for creating the "back icon" - optional, default: File:Slider back.png.
 * body= the body of the slide.

Use
To make a slider you need to create each slide using Slider2 generator with a precise HTML structure.

Main template
This is the code for the main slider template. Each  is a sub-slide template and it has a unique numbered ID. is the slide displayed by default which act as "main menu" while the other remain hidden until selected. The  parameter is just an example, however it has to be consistent with the CSS styling used.

Example: Slider2

Main slide template
This is the code for the main slide template, the one displayed by default. Each  is the text displayed as caption for the other slides. is the first slide displayed on the left with a bigger image. The  parameter is just an example, however it has to be consistent with the CSS styling used.

Example: Slider2/Slide 1

Sub-slide template
This is the code for a generic slide template. Adding  (with   an identification number of the tab) in the list of the   div creates a new tab. You can add maximum 10 tabs and the tab title cannot be larger then  (roughly 20 characters). The content of the tab is defined in the div with the corresponding ID and can contain as many elements you want, but too many will results in overflowing. The  parameter is just an example, however it has to be consistent with the CSS styling used.

Example: Slider2/Slide 2