Skip to Content
0 Votes

Wiki source code of Slideshow

Last modified by RPG Research Xwiki Documents Administrator on 2023/09/27 22:31
Show last authors
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 )))