vignette-article.html 1.5 KB
Newer Older
1
[(#REM)
JM Oupah's avatar
JM Oupah committed
2 3 4

Création de vignette avec image_responsive

JM Oupah's avatar
JM Oupah committed
5
	Exemple d'insertion : <INCLURE{fond=inclure/vignette-article,id_article} />
JM Oupah's avatar
JM Oupah committed
6

7
	Les paramètres : 
JM Oupah's avatar
JM Oupah committed
8
		- id_article
9
		- largeur_image et hauteur_image en px (par défaut 440)
10
		- largeur_image_breakpoints : les breakpoints pour image_responsive (par défaut 360)
11
		- ignorer_documents : ignorer les documents (par défaut non)
JM Oupah's avatar
JM Oupah committed
12
		- classe_vignette : classe suplémentaire de la vignette  (par defaut '')
JM Oupah's avatar
JM Oupah committed
13
		- alt_vignette (par defaut '')
14
		- microdatas (par defaut non)
JM Oupah's avatar
JM Oupah committed
15

16
][(#SET{largeur_image,#ENV{largeur_image,440}})][
17
(#SET{largeur_image_breakpoints,#ENV{largeur_image_breakpoints,360/440}})][
18
(#SET{hauteur_image,#ENV{hauteur_image,440}})][
19 20
(#SET{alt_vignette, #ENV{alt_vignette,''}})

21 22
]<BOUCLE_doc(DOCUMENTS){id_article}
		{extension IN jpg,gif,png}
JM Oupah's avatar
JM Oupah committed
23
		{par rang_lien, num titre, date}
24 25 26
		{si #ENV{ignorer_documents}|!={oui}}
		{si #LOGO_ARTICLE|non}
		{0,1}>#SET{fichier,#FICHIER}</BOUCLE_doc>[
27
(#ENV{microdatas}|=={oui}|oui)[<meta itemprop="image" content="(#GET{fichier}|url_absolue)" />]]
JM Oupah's avatar
JM Oupah committed
28
<div class="vignette_zcm vignette_article[ (#ENV{classe_vignette})]" [(#REM)style="width:#GET{largeur_image}px;"]>
29
[(#LOGO_ARTICLE|sinon{#GET{fichier}}
30
			  |sinon{#LOGO_RUBRIQUE}
31
			  |sinon{#INFO_FICHIER{document,#CONFIG{metasplus/id_doc_logo}}|sinon{#LOGO_SITE_SPIP|extraire_attribut{src}}}
32
			  |image_recadre{#GET{largeur_image}:#GET{hauteur_image}, -, focus}
JM Oupah's avatar
JM Oupah committed
33
			  |image_responsive{#GET{largeur_image_breakpoints}/#GET{largeur_image}}	
34
			  |inserer_attribut{alt,#GET{alt_vignette}})]</div>