Commit 2dbf3fa4 authored by JM Oupah's avatar JM Oupah

On revoie le fonctionnement de largeur_image_breakpoints

parent 403a5b4f
......@@ -7,12 +7,12 @@ Affichage d'un diaporama avec Slick Slider
Paramètres :
- largeur_image : en px (defaut 1000)
- hauteur_image : en px (defaut 350)
- largeur_image_breakpoints : les breakpoints pour image_responsive (par défaut 440)
- largeur_image_breakpoints : les breakpoints pour image_responsive (par défaut 360/550/768)
Autres paramètres, voir inclure/vignette-article
][(#SET{largeur_image,#ENV{largeur_image,1000}})][
(#SET{largeur_image_breakpoints,#ENV{largeur_image_breakpoints,#GET{largeur_image}}})][
(#SET{largeur_image_breakpoints,#ENV{largeur_image_breakpoints,360/550/768}})][
(#SET{hauteur_image,#ENV{hauteur_image,350}})]
<B_diaporama>
<ul class="liste-items diaporama galerie">
......@@ -24,7 +24,7 @@ Affichage d'un diaporama avec Slick Slider
{extension==jpg|png|gif}
{vu=non}>
[<li class="item"><figure>
(#FICHIER|image_recadre{#GET{largeur_image}:#GET{hauteur_image}, -, focus}|image_responsive{#GET{largeur_image_breakpoints}})
(#FICHIER|image_recadre{#GET{largeur_image}:#GET{hauteur_image}, -, focus}|image_responsive{#GET{largeur_image_breakpoints}/#GET{largeur_image}})
[(#TITRE|ou{#CREDITS}|oui)<figcaption>
[<div class="legende"><span class="texte">(#TITRE)</span><span class="info">i</span></div>]
[<span class="credits">(#CREDITS)</span>]
......@@ -32,7 +32,7 @@ Affichage d'un diaporama avec Slick Slider
</figure></li>]
</BOUCLE_diaporama>
</ul>
</B_diaporama>#ENV{largeur_image_breakpoints}
</B_diaporama>
<INCLURE{fond=inclure/vignette-article,id_article,
largeur_image,
hauteur_image,
......
......@@ -5,15 +5,17 @@ Affichage d'un diaporama avec Slick Slider
Exemple d'insertion : <INCLURE{fond=inclure/galerie/focus,id_article=12} />
Paramètres :
- largeur_image : en px (defaut 1000)
- hauteur_image : en px (defaut 350)
- balise_titre_figcaption : hx (defaut h2)
- 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)
Lien :
- remplir le champs crédits avec article,6 ou rubrique,1
- remplir le champs crédits avec article,6 ou rubrique,1
][(#SET{largeur_image,#ENV{largeur_image,1000}})][
(#SET{hauteur_image,#ENV{hauteur_image,350}})][
(#SET{largeur_image_breakpoints,#ENV{largeur_image_breakpoints,360/550/768}})][
(#SET{balise_titre_figcaption,#ENV{balise_titre_figcaption,h2}})]
<B_diaporama>
<ul class="liste-items diaporama galerie focus">
......@@ -30,7 +32,7 @@ Affichage d'un diaporama avec Slick Slider
(#SET{id,[(#GET{credits}|split|table_valeur{1})]})]
[<li class="item">[(#CREDITS|oui|oui)<a href="#INFO_URL{#GET{objet},#GET{id}}">]
<figure>
(#FICHIER|image_recadre{#GET{largeur_image}:#GET{hauteur_image}, -, focus}|image_responsive{#GET{largeur_image}})
(#FICHIER|image_recadre{#GET{largeur_image}:#GET{hauteur_image}, -, focus}|image_responsive{#GET{largeur_image_breakpoints}/#GET{largeur_image}})
[<figcaption>
<#GET{balise_titre_figcaption}>(#TITRE)</#GET{balise_titre_figcaption}>
#DESCRIPTIF
......
......@@ -8,14 +8,14 @@ Création de vignette avec image_responsive
Les paramètres :
- id_article
- largeur_image et hauteur_image en px (par défaut 440)
- largeur_image_breakpoints : les breakpoints pour image_responsive (par défaut 440)
- largeur_image_breakpoints : les breakpoints pour image_responsive (par défaut 360)
- ignorer_documents : ignorer les documents (par défaut non)
- classe_vignette
- alt_vignette (par defaut '')
- microdatas (par defaut non)
][(#SET{largeur_image,#ENV{largeur_image,440}})][
(#SET{largeur_image_breakpoints,#ENV{largeur_image_breakpoints,#GET{largeur_image}}})][
(#SET{largeur_image_breakpoints,#ENV{largeur_image_breakpoints,360/440}})][
(#SET{hauteur_image,#ENV{hauteur_image,440}})][
(#SET{alt_vignette, #ENV{alt_vignette,''}})
......@@ -31,5 +31,5 @@ Création de vignette avec image_responsive
|sinon{#LOGO_RUBRIQUE}
|sinon{#LOGO_SITE_SPIP}
|image_recadre{#GET{largeur_image}:#GET{hauteur_image}, -, focus}
|image_responsive{#GET{largeur_image_breakpoints}}
|image_responsive{#GET{largeur_image_breakpoints/#GET{largeur_image}}}
|inserer_attribut{alt,#GET{alt_vignette}})]</div>
\ No newline at end of file
......@@ -8,7 +8,7 @@ Création de vignette avec image_responsive
Les paramètres :
- id_evenement
- largeur_image et hauteur_image en px (par défaut 440)
- largeur_image_breakpoints : les breakpoints pour image_responsive (par défaut 440)
- largeur_image_breakpoints : les breakpoints pour image_responsive (par défaut 360)
- ignorer_documents : ignorer les documents (par défaut non)
- classe_vignette
- alt_vignette (par defaut '')
......@@ -30,5 +30,5 @@ Création de vignette avec image_responsive
[(#LOGO_EVENEMENT|sinon{#GET{fichier}}
|sinon{#LOGO_SITE_SPIP}
|image_recadre{#GET{largeur_image}:#GET{hauteur_image}, -, focus}
|image_responsive{#GET{largeur_image_breakpoints}}
|image_responsive{#GET{largeur_image_breakpoints/#GET{largeur_image}}}
|inserer_attribut{alt,#GET{alt_vignette}})]</div>
\ No newline at end of file
......@@ -8,7 +8,7 @@ Création de vignette avec image_responsive
Les paramètres :
- id_rubrique
- largeur_image et hauteur_image en px (par défaut 440)
- largeur_image_breakpoints : les breakpoints pour image_responsive (par défaut 440)
- largeur_image_breakpoints : les breakpoints pour image_responsive (par défaut 360)
- ignorer_documents : ignorer les documents (par défaut non)
- classe_vignette
- alt_vignette (par defaut '')
......@@ -30,5 +30,5 @@ Création de vignette avec image_responsive
[(#LOGO_RUBRIQUE|sinon{#GET{fichier}}
|sinon{#LOGO_SITE_SPIP}
|image_recadre{#GET{largeur_image}:#GET{hauteur_image}, -, focus}
|image_responsive{#GET{largeur_image_breakpoints}}
|image_responsive{#GET{largeur_image_breakpoints/#GET{largeur_image}}}
|inserer_attribut{alt,#GET{alt_vignette}})]</div>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment