Modèle:Images duales

 Documentation[voir] [modifier] [historique] [purger]


Voir les recommandations sur la mise en forme des images pour plus de précisions sur l'insertion d'images dans les articles.
 

Utilisation modifier

Ce modèle sert à basculer entre 2 images en cliquant sur un lien personnalisable.

Syntaxe modifier

{{Images duales
 | titre              =
 | float              =
 | bordure-taille     =
 | bordure-couleur    =
 | fond-couleur       =
 | image1             =
 | upright-img1       =
 | libellé-vers-img1  =
 | image2             =
 | upright-img2       =
 | libellé-vers-img2  =
 | source             =
}}

Paramètres modifier

  • titre - Titre (optionnel, par défaut pas de titre)
  • libellé-vers-img1 et libellé-vers-img2 - Libellés des liens qui permettent de passer d'une image à l'autre. (optionnel, par défaut << Image précédente et Image suivante >>) (ces libellés sont utilisés également pour le paramètre alt des images)
  • image1 et image2 - Images à afficher (optionnel, par défaut les images de l'exemple 1)
  • upright-img1 et upright-img1 - Permettent de modifier la taille des images (optionnel, par défaut 1).
  • float - Permet de positionner le modèle sur la page en utilisant : left (gauche), none (centre) ou right (droite) (optionnel, par défaut none)
  • bordure-taille - taille de la bordure (exemples : 0.2em) (optionnel, par défaut pas de bordure)
  • bordure-couleur - couleur de la bordure (exemple : gray) (optionnel, par défaut black si bordure-taille est défini)
  • fond-couleur - couleur du fond (exemple : aliceblue) (optionnel, par défaut black si bordure-taille est défini)
  • source - Source(s) (optionnel, par défaut pas de source)

Note: il n'est pas recommandé d'utiliser les paramètres de bordure et fond lorsque float est none.

Exemples modifier

Exemple 1 modifier

Chiffre deux →
Chiffre deux →
← Chiffre un
← Chiffre un
{{Images duales
 | float              = none
 | image1             = Hauptstrasse Nummer 1.svg
 | upright-img1       = 0.8
 | libellé-vers-img1  = ← Chiffre un
 | image2             = Hauptstrasse Nummer 2.svg
 | upright-img2       = 0.8
 | libellé-vers-img2  = Chiffre deux →
}}

Exemple 2 modifier

Image suivante >>
Image suivante >>
<< Image précédente
<< Image précédente
{{Images duales
 | float              = right
 | image1             = Hauptstrasse Nummer 1.svg
 | upright-img1       = 1.2
 | libellé-vers-img1  = << Image précédente
 | image2             = Hauptstrasse Nummer 2.svg
 | upright-img2       = 1.2
 | libellé-vers-img2  = Image suivante >>
}}

Exemple 3 modifier

Histogramme →
Histogramme →
← Courbe
← Courbe
{{Images duales
 | float              = none
 | image1             = Démographie (courbe) Weitbruch.svg
 | upright-img1       = 2.5
 | libellé-vers-img1  = ← Courbe
 | image2             = Démographie (histogramme) Weitbruch.svg
 | upright-img2       = 2.5
 | libellé-vers-img2  = Histogramme →
}}

Exemple 4 modifier

Diagrammes
Histogramme →
Histogramme →
← Courbe
← Courbe
{{Images duales
 | titre              = Diagrammes
 | float              = right
 | image1             = Démographie (courbe) Weitbruch.svg
 | upright-img1       = 2
 | libellé-vers-img1  = ← Courbe
 | image2             = Démographie (histogramme) Weitbruch.svg
 | upright-img2       = 2
 | libellé-vers-img2  = Histogramme →
 | bordure-taille     =.2em
 | bordure-couleur    =blue
 | fond-couleur       =cornsilk
}}

Exemple 5 modifier

Évolution de la production indigène d'énergie de 1972 à 2011
Diagramme suivant en valeur absolue →
Diagramme suivant en valeur absolue →
← Diagramme précédent en pourcentage
← Diagramme précédent en pourcentage
{{Images duales
 | titre              = Évolution de la production indigène d'énergie de 1972 à 2011
 | float              = right
 | bordure-taille     = 1px
 | bordure-couleur    = #cccccc
 | padding            = 3px
 | fond-couleur       = #f9f9f9
 | image1             = Prod indig prim Suisse pc.jpg
 | libellé-vers-img1  = ← Diagramme précédent en pourcentage
 | upright-img1       = 3
 | image2             = Prod indig prim Suisse TJ.jpg
 | libellé-vers-img2  = Diagramme suivant en valeur absolue →
 | upright-img2       = 3
}}

Voir aussi modifier