mosaique-variable.html 2.36 KB
Newer Older
JM Oupah's avatar
JM Oupah committed
1 2 3 4 5 6 7
[(#REM)

Affichage d'un diaporama avec Slick Slider

	Exemple d'insertion : <INCLURE{fond=inclure/galerie/mosaique-variable,id_article} />
	
][(#SET{fichier,#ARRAY})][
8 9
(#SET{legende,#ARRAY})][
(#SET{credits,#ARRAY})
10 11 12 13
]<BOUCLE_docunments(DOCUMENTS)
	{id_article?}
	{id_rubrique?}
	{id_evenement?}
JM Oupah's avatar
JM Oupah committed
14
	{par rang_lien, num titre, date}
15 16
	{0,4}
	{extension==jpg|png|gif}>
17
	[(#SET{fichier, #GET{fichier}|push{#FICHIER}})][
18 19
	(#SET{legende, #GET{legende}|push{#TITRE}})][
	(#SET{credits, #GET{credits}|push{#CREDITS}})]
20
</BOUCLE_docunments>
21
<div class="mosaique-variable">
22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63
	<ul class="liste-items galerie">
		<li class="item">
			[<figure>
				(#GET{fichier}|table_valeur{0}|image_recadre{500:350, -, focus}|image_responsive{250/500})
				[(#GET{legende}|table_valeur{0}|ou{#GET{credits}|table_valeur{0}}|oui)<figcaption>
					[<div class="legende"><span class="texte">(#GET{legende}|table_valeur{0})</span><span class="info">i</span></div>]
					[<div class="credits">(#GET{credits}|table_valeur{0})</div>]
				</figcaption>]
			</figure>]
		</li>
		
		<li class="item">
			[<figure>
				(#GET{fichier}|table_valeur{2}|image_recadre{500:250, -, focus}|image_responsive{250/500})
				[(#GET{legende}|table_valeur{2}|ou{#GET{credits}|table_valeur{2}}|oui)<figcaption>
					[<div class="legende"><span class="texte">(#GET{legende}|table_valeur{2})</span><span class="info">i</span></div>]
					[<div class="credits">(#GET{credits}|table_valeur{2})</div>]
				</figcaption>]
			</figure>]
		</li>
	</ul>
	<ul class="liste-items">
		<li class="item">
			[<figure>
				(#GET{fichier}|table_valeur{1}|image_recadre{500:250, -, focus}|image_responsive{250/500})
				[(#GET{legende}|table_valeur{1}|ou{#GET{credits}|table_valeur{1}}|oui)<figcaption>
					[<div class="legende"><span class="texte">(#GET{legende}|table_valeur{1})</span><span class="info">i</span></div>]
					[<div class="credits">(#GET{credits}|table_valeur{1})</div>]
				</figcaption>]
			</figure>]
		</li>
		<li class="item">
			[<figure>
				(#GET{fichier}|table_valeur{3}|image_recadre{500:350, -, focus}|image_responsive{250/500})
				[(#GET{legende}|table_valeur{3}|ou{#GET{credits}|table_valeur{3}}|oui)<figcaption>
					[<div class="legende"><span class="texte">(#GET{legende}|table_valeur{3})</span><span class="info">i</span></div>]
					[<div class="credits">(#GET{credits}|table_valeur{3})</div>]
				</figcaption>]
			</figure>]
		</li>
	</ul>
</div>