portfolio.html 2.43 KB
Newer Older
1 2
[(#REM)

3
	Portfolio d'images
4

5 6 7 8
		Exemple d'insertion : <INCLURE{fond=inclure/galerie/portfolio,
												id_article} />
		
		Par défaut, les miniatures ont toutes les même hauteur.
9

10
		Paramètres :
11
			- titre : titre personnalisé (défaut '')
12 13 14 15 16 17
			- largeur_image : largeur des miniatures (défaut 250)
			- hauteur_image : largeur des miniatures (défaut 250)
			- ratio : ratio de recadrage de l'image (défaut 1:1 / carré)
			- vignette_afficher_infos : afficher le crédit sous la vignette (défaut non)
			- vignette_afficher_credit : afficher le crédit sous la vignette (défaut oui)
			- vignette_afficher_descriptif : afficher le descriptif sous la vignette (défaut non)
18

19 20 21 22 23 24
			- id_article (int) : pour restreindre aux images d'un article
			- id_rubrique (int) : pour restreindre aux images d'une rubrique
			- objet (string) : pour restreindre aux images d'un type d'objet
			- id_objet (int) : pour restreindre aux images à un numéro d'objet
		
		Note : pour ne pas avoir, dans un article, les images liées à la rubrique ajouter id_rubrique=#EVAL{null}
25

26
][(#SET{largeur_image,#ENV{largeur_image,250}})][
27
(#SET{hauteur_image,#ENV{hauteur_image,250}})][
28 29
(#SET{ratio,#ENV{ratio,1:1}})][
(#SET{vignette_afficher_credit,#ENV{vignette_afficher_credit,oui}})]
30 31
<B_documents_portfolio>
<div class="liste images documents_portfolio">
32
	[<h2 class="h2">(#ENV{titre})</h2>]
33
	<ul class="liste-items galerie portfolio">
34 35 36
		<BOUCLE_documents_portfolio(DOCUMENTS)
			{id_article?}
			{id_rubrique?}
37
			{id_evenement?}
38 39 40
			{objet?}
			{id_objet?}
			{extension IN png,jpg,gif}
JM Oupah's avatar
JM Oupah committed
41
			{par rang_lien, num titre, date}
42 43 44
			{vu=non}
			{doublons documents}
		>[
45
		<li class="item"><a href="(#URL_DOCUMENT)"
46 47
			type="#MIME_TYPE"
			rel="documents_portfolio[-a(#ID_ARTICLE)][-r(#ID_RUBRIQUE)]"
48
			title="[(#TITRE|attribut_html|couper{60})] [<:medias:label_credits:> (#CREDITS|attribut_html|couper{40})] "
49
			><figure>[(#FICHIER|image_recadre{#GET{largeur_image}:#GET{hauteur_image}, -, focus}
50
					   |image_responsive{#GET{largeur_image}}
JM Oupah's avatar
JM Oupah committed
51
					   |inserer_attribut{alt,[(#TITRE|sinon{#FICHIER|basename}|attribut_html|couper{80})]})]
52 53 54 55 56 57
					   [(#ENV{vignette_afficher_infos}|=={oui}|oui) 
					   <figcaption>
						#TITRE
						[(#GET{vignette_afficher_credit}|=={oui}|oui) [<:medias:label_credits:> (#CREDITS)] ][
						(#ENV{vignette_afficher_descriptif}|=={oui}|oui) #DESCRIPTIF ]
					   </figcaption>]
JM Oupah's avatar
JM Oupah committed
58 59
			</figure></a>
		</li>
60
		]</BOUCLE_documents_portfolio>
61
	</ul>
62
</div>
63
</B_documents_portfolio>