focus.html 1.67 KB
Newer Older
1 2 3 4
[(#REM)

Affichage d'un diaporama avec Slick Slider

JM Oupah's avatar
JM Oupah committed
5
	Exemple d'insertion : <INCLURE{fond=inclure/galerie/focus,id_article=12} />
6 7
	
	Paramètres :
8 9 10 11
		- largeur_image : en px (defaut 1000)
		- hauteur_image : en px (defaut 350)
		- largeur_image_breakpoints : les breakpoints pour image_responsive (par défaut 360/550/768)
		- balise_titre_figcaption : hx (defaut h2)
12 13
	
	Lien :
14
		- remplir le champs crédits avec article,6 ou rubrique,1
15 16 17
	
][(#SET{largeur_image,#ENV{largeur_image,1000}})][
(#SET{hauteur_image,#ENV{hauteur_image,350}})][
18
(#SET{largeur_image_breakpoints,#ENV{largeur_image_breakpoints,360/550/768}})][
19 20
(#SET{balise_titre_figcaption,#ENV{balise_titre_figcaption,h2}})]
<B_diaporama>
21
<ul class="liste-items diaporama galerie focus">
JM Oupah's avatar
JM Oupah committed
22 23 24
<BOUCLE_diaporama(DOCUMENTS){id_rubrique?}{id_article?}
	{par rang_lien, num titre, date}
	{extension==jpg|png|gif}>
JM Oupah's avatar
JM Oupah committed
25 26 27 28
[(#REM)

	Test : si #CREDITS est rempli, on affiche les liens
	Lien : on récupère #CREDITS qu'on éclate en tableau avec |split 
29
		puis dont on récupère les 2 valeurs objet et id pour récuperer l'url via \#INFO_URL
JM Oupah's avatar
JM Oupah committed
30

31 32
][(#SET{credits,""})][
(#CREDITS|oui) #SET{credits,#CREDITS}][
33 34
(#SET{objet,[(#GET{credits}|split|table_valeur{0})]})][
(#SET{id,[(#GET{credits}|split|table_valeur{1})]})]	
JM Oupah's avatar
JM Oupah committed
35
	[<li class="item">[(#GET{credits}|oui)<a href="#INFO_URL{#GET{objet},#GET{id}}">]
JM Oupah's avatar
JM Oupah committed
36
		<figure>		
37
			(#FICHIER|image_recadre{#GET{largeur_image}:#GET{hauteur_image}, -, focus}|image_responsive{#GET{largeur_image_breakpoints}/#GET{largeur_image}})
38 39 40 41
			[<figcaption>
				<#GET{balise_titre_figcaption}>(#TITRE)</#GET{balise_titre_figcaption}>
				#DESCRIPTIF
			</figcaption>]
JM Oupah's avatar
JM Oupah committed
42
		</figure>
43
	[(#GET{credits}|oui)</a>]</li>]
44 45 46
</BOUCLE_diaporama>
</ul>
</B_diaporama>