Wiki source code of Slideshow
Last modified by RPG Research Xwiki Documents Administrator on 2023/09/27 22:31
Hide last authors
| author | version | line-number | content |
|---|---|---|---|
 |
1.1 | 1 | The [[Slideshow Macro>>SlideshowMacro]] allows to create a slideshow from a set of image references, as demonstrated below. It uses the [[SwiperJS>>https://swiperjs.com/]] library. Slides can be rolled through either directly in place or a slideshow can also comprise all instances having ##mode## parameter set to ##pagpilee##: this allows to display some images in the content while making them available also in a common fullscreen slideshow. |
| 2 | |||
| 3 | The images bundled with the macro are Chinese paintings from the 14th century available from [[Gallica>>https://gallica.bnf.fr/ark:/12148/btv1b10052637j/f7.item]] in the public domain. | ||
| 4 | |||
| 5 | |||
| 6 | (% class="row" %)((( | ||
| 7 | (% class="col-xs-12 col-md-6" %)((( | ||
| 8 | {{slideshow width="300px" height="300px"}} | ||
| 9 | gallica-btv1b10052637j-3.jpg | ||
| 10 | gallica-btv1b10052637j-5.jpg | ||
| 11 | gallica-btv1b10052637j-12.jpg | ||
| 12 | {{/slideshow}} | ||
| 13 | ))) | ||
| 14 | (% class="col-xs-12 col-md-6" %)((( | ||
| 15 | {{slideshow width="300px" height="300px"}} | ||
| 16 | gallica-btv1b10052637j-7.jpg Lorem ipsum | ||
| 17 | gallica-btv1b10052637j-8.jpg Ut enim ad minim veniam | ||
| 18 | gallica-btv1b10052637j-9.jpg Cectetur adipiscing elit | ||
| 19 | {{/slideshow}} | ||
| 20 | ))) | ||
| 21 | ))) | ||
| 22 | |||
| 23 | (% class="row" style="text-align: center;" %)((( | ||
| 24 | (% class="col-xs-12 col-md-4" %)((( | ||
| 25 | {{slideshow images="gallica-btv1b10052637j-11.jpg" mode="pile" width="300px"}} | ||
| 26 | = Peintures originales exécutées en Chine représentant des fleurs et des oiseaux du pays = | ||
| 27 | Dessins aquarellés : sur papier de bambou, reliés en paravent et couverts d'une étoffe de soie dite mandarine ; 32 x 26.5 cm (im.), 38 x 30 cm (f.). | ||
| 28 | {{/slideshow}} | ||
| 29 | ))) | ||
| 30 | (% class="col-xs-12 col-md-4" %)((( | ||
| 31 | {{slideshow images="gallica-btv1b10052637j-6.jpg" mode="pile" width="300px"}} | ||
| 32 | = Lorem ipsum = | ||
| 33 | Dolor sit amor | ||
| 34 | {{/slideshow}} | ||
| 35 | ))) | ||
| 36 | (% class="col-xs-12 col-md-4" %)((( | ||
| 37 | {{slideshow images="gallica-btv1b10052637j-8.jpg" mode="pile" width="300px"}} | ||
| 38 | = Ut enim ad minim veniam = | ||
| 39 | |||
| 40 | Quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. | ||
| 41 | {{/slideshow}} | ||
| 42 | ))) | ||
| 43 | ))) | ||
| 44 | |||
| 45 |