diaporama.html 1.33 KB
Newer Older
1 2 3 4 5 6 7
[(#REM)

Affichage d'un diaporama avec Slick Slider

	Exemple d'insertion : <INCLURE{fond=inclure/galerie/diaporama,id_article} />
	
	Paramètres :
8 9
		- largeur_image : en px (defaut 1000)
		- hauteur_image : en px (defaut 350)
10
		- largeur_image_breakpoints : les breakpoints pour image_responsive (par défaut 360/550/768)
11
	
12 13
	Autres paramètres, voir inclure/vignette-article
	
14
][(#SET{largeur_image,#ENV{largeur_image,1000}})][
15
(#SET{largeur_image_breakpoints,#ENV{largeur_image_breakpoints,360/550/768}})][
16
(#SET{hauteur_image,#ENV{hauteur_image,350}})]
17
<B_diaporama>
18
<ul class="liste-items diaporama galerie">
19 20 21 22 23 24 25
<BOUCLE_diaporama(DOCUMENTS)
	{id_rubrique?}
	{id_article?}
	{id_evenement?}
	{par rang_lien, num titre}
	{extension==jpg|png|gif}
	{vu=non}>
26
	[<li class="item"><figure>
27
		(#FICHIER|image_recadre{#GET{largeur_image}:#GET{hauteur_image}, -, focus}|image_responsive{#GET{largeur_image_breakpoints}/#GET{largeur_image}})
28 29 30 31
		[(#TITRE|ou{#CREDITS}|oui)<figcaption>
			[<div class="legende"><span class="texte">(#TITRE)</span><span class="info">i</span></div>]
			[<span class="credits">(#CREDITS)</span>]
		</figcaption>]
32 33 34
	</figure></li>]
</BOUCLE_diaporama>
</ul>
35
</B_diaporama>
36 37 38
<INCLURE{fond=inclure/vignette-article,id_article,
						largeur_image,
						hauteur_image,
39
						largeur_image_breakpoints=#GET{largeur_image_breakpoints}} />
40
<//B_diaporama>