mosaique-simple.html 1.29 KB
Newer Older
1 2 3 4 5 6 7 8 9 10 11 12 13
[(#REM)

Affichage d'un diaporama avec Slick Slider

	Exemple d'insertion : <INCLURE{fond=inclure/galerie/diaporama,id_article} />
	
	Paramètres :
	- largeur_image : en px (defaut 500)
	- hauteur_image : en px (defaut 500)
	- position_rond : affiche une des images sous forme de rond (focntionne avec le plugin Insertion d'image avancée)
	
][(#SET{largeur_image,#ENV{largeur_image,500}})][
(#SET{hauteur_image,#ENV{hauteur_image,500}})]
14
<B_portfolio>
15
<ul class="liste-items mosaique-simple galerie">
16 17 18
<BOUCLE_portfolio(DOCUMENTS)
	{id_article?}
	{id_rubrique?}
JM Oupah's avatar
JM Oupah committed
19
	{id_evenement?}
20
	{tous}
JM Oupah's avatar
JM Oupah committed
21
	{par rang_lien, num titre, date}
22 23
	{0,2}
	{extension==jpg|png|gif}>
24 25
	<li class="item">
		[(#COMPTEUR_BOUCLE|=={#ENV{position_rond}}|?{
26
			[<figure class="spip_documents rond illustration">(#FICHIER|image_recadre{#GET{largeur_image}:#GET{largeur_image}, -, focus}|image_responsive{150/300/#GET{largeur_image}})</figure>]
27
		,
28
			[<figure>
29
				(#FICHIER|image_recadre{#GET{largeur_image}:#GET{hauteur_image}, -, focus}|image_responsive{250/500/#GET{largeur_image}})
30 31 32 33 34
				[(#TITRE|ou{#CREDITS}|oui)<figcaption>
					[<div class="legende"><span class="texte">(#TITRE)</span><span class="info">i</span></div>]
					[<div class="credits">(#CREDITS)</div>]
				</figcaption>]
			</figure>]
35 36 37 38 39
		})]
	</li>
</BOUCLE_portfolio>
</ul>
</B_portfolio>