Difference between revisions of "Template:ThumbSlider"
Jump to navigation
Jump to search
Pianoforte (talk | contribs) m |
Pianoforte (talk | contribs) |
||
Line 1: | Line 1: | ||
− | <includeonly><div class="jcarousel-wrapper {{{class|}}}" id="{{{id|}}}" style="max-width:{{{width|}}};width:auto;height:auto;max-height:{{{height|}}};{{#ifeq:{{{align|}}}|center|margin-left:auto;margin-right:auto;}}{{#ifeq:{{{align|}}}|right|float:right;}}{{#ifeq:{{{align|}}}|floatleft|float:left;}}overflow:hidden"><div class="jcarousel jcarousel-{{{mode|randomize}}}"><div class="jcarousel-list">{{{list|}}}</div> | + | <includeonly><div class="jcarousel-wrapper {{{class|}}}" id="{{{id|}}}" style="max-width:{{#expr:{{{width|200}}}-8}}px;width:auto;height:auto;max-height:{{{height|}}};{{#ifeq:{{{align|}}}|center|margin-left:auto;margin-right:auto;}}{{#ifeq:{{{align|}}}|right|float:right;}}{{#ifeq:{{{align|}}}|floatleft|float:left;}}overflow:hidden"><div class="jcarousel jcarousel-{{{mode|randomize}}}"><div class="jcarousel-list">{{{list|}}}</div> |
{{#if:{{{noarrow|}}}||<span class="jcarousel-control-prev">[[file:Icon_banner_arrow_left.png|link=#|50px]]</span> | {{#if:{{{noarrow|}}}||<span class="jcarousel-control-prev">[[file:Icon_banner_arrow_left.png|link=#|50px]]</span> | ||
<span class="jcarousel-control-next">[[file:Icon_banner_arrow_right.png|link=#|50px]]</span>}} | <span class="jcarousel-control-next">[[file:Icon_banner_arrow_right.png|link=#|50px]]</span>}} |
Revision as of 18:29, 1 March 2017
This template is used for a slider made out of thumbnails.
Usage
Please remove the parameters that are left blank.
{{ThumbSlider |width = |align = |list= <div class="jcarousel-item">[[File:exampleimage1.jpg]]</div> <div class="jcarousel-item">[[File:exampleimage2.jpg]]</div> <div class="jcarousel-item">[[File:exampleimage3.jpg]]</div> ... }}
Parameter list
width -
Width of the slider. e.g.450
if the series of images are 450px widealign -
To have it float to the right, usefloatright
. To have it float to the left, usefloatleft
. To have it centered, usecenter
. To have it without any, usenull
.list -
For every slide, start a new line and put<div class="jcarousel-item">[[File:exampleimage.jpg]]</div>
, substituting exampleimage.jpg with the image you desire.
Notes
The above documentation is transcluded from Template:ThumbSlider/doc. (edit | history) Editors can experiment in this template's sandbox (create | mirror) and testcases (create) pages. Please add categories to the /doc subpage. Subpages of this template. |