« Modèle:Image relative » : différence entre les versions

De BoyWiki
Pinocchio (discussion | contributions)
corrections
Pinocchio (discussion | contributions)
ajout paramètre aligne-texte
Ligne 5 : Ligne 5 :
  |#default=<div class="imagerelative" style="height:auto; width:{{{3|25%}}};">
  |#default=<div class="imagerelative" style="height:auto; width:{{{3|25%}}};">
}}<div class="padding">
}}<div class="padding">
[[{{{1}}}|{{{4|250px}}}|frameless|{{{5|}}}]]<p class="caption">{{{5|}}}</p></div></div></includeonly><noinclude>
[[{{{1}}}|{{{4|500px}}}|frameless|{{{5|}}}]]
{{#switch:{{{aligne-texte}}}
| left|gauche=<p class="caption" style="text-align:left;">{{{5|}}}</p></div></div>
|#default=<p class="caption">{{{5|}}}</p></div></div>
}}</includeonly><noinclude>
;Utilisation :
;Utilisation :
:Possibilité d'affichage d'une image de dimensions relatives à la largeur de la fenêtre et non plus de taille fixée en pixels. L'image peut être centrée (elle occupe alors toute la largeur) ou bien flottante à gauche ou à droite (le texte peut occuper la place libre). La largeur indiquée en % est relative à l'espace de son contenant : pour un article, c'est la largeur éditable (sans les boîtes de marge). La largeur maximale en pixels (nécessaire à la fonction Image du wiki) permet de limiter le poids de l'image à transférer : il est inutile de demander une dimension plus élevée que les possibilités d'affichage, l'apparence de l'image étant réduite, une définition trop élevée de l'image transmise ne sert à rien et occasionne ralentissement d'affichage et encombrement réseau.
:Possibilité d'affichage d'une image de dimensions relatives à la largeur de la fenêtre et non plus de taille fixée en pixels. L'image peut être centrée (elle occupe alors toute la largeur) ou bien flottante à gauche ou à droite (le texte peut occuper la place libre). La largeur indiquée en % est relative à l'espace de son contenant : pour un article, c'est la largeur éditable (sans les boîtes de marge). La largeur maximale en pixels (nécessaire à la fonction Image du wiki) permet de limiter le poids de l'image à transférer : il est inutile de demander une dimension plus élevée que les possibilités d'affichage, l'apparence de l'image étant réduite, une définition trop élevée de l'image transmise ne sert à rien et occasionne ralentissement d'affichage et encombrement réseau.
;Syntaxe :  
;Syntaxe :  
<pre><nowiki>{{Image relative|nom image|position|largeur relative %|largeur max px|commentaire}}</nowiki></pre>
<pre><nowiki>{{Image relative|nom image|position|largeur relative %|largeur max px [|aligne-texte=]|commentaire}}</nowiki></pre>
;Paramètres
;Paramètres
*nom de l'image : ne pas oublier d'indiquer l'entête ''Image:''
*nom de l'image : ne pas oublier d'indiquer l'entête ''Image:''
Ligne 15 : Ligne 19 :
*largeur relative : indiquer une valeur cohérente suivie du signe ''%'' (collé sans espace)
*largeur relative : indiquer une valeur cohérente suivie du signe ''%'' (collé sans espace)
*largeur max : limite la taille de l'image à cette valeur (suivie de ''px'' collé sans espace). Une valeur plus grande que la taille native de l'image disponible est ignorée.
*largeur max : limite la taille de l'image à cette valeur (suivie de ''px'' collé sans espace). Une valeur plus grande que la taille native de l'image disponible est ignorée.
* commentaire : à afficher sous l'image.
*commentaire : à afficher sous l'image.
*aligne-texte= : gauche (optionnel) alignement du commentaire.
</noinclude>
</noinclude>

Version du 14 décembre 2010 à 12:04

Utilisation
Possibilité d'affichage d'une image de dimensions relatives à la largeur de la fenêtre et non plus de taille fixée en pixels. L'image peut être centrée (elle occupe alors toute la largeur) ou bien flottante à gauche ou à droite (le texte peut occuper la place libre). La largeur indiquée en % est relative à l'espace de son contenant : pour un article, c'est la largeur éditable (sans les boîtes de marge). La largeur maximale en pixels (nécessaire à la fonction Image du wiki) permet de limiter le poids de l'image à transférer : il est inutile de demander une dimension plus élevée que les possibilités d'affichage, l'apparence de l'image étant réduite, une définition trop élevée de l'image transmise ne sert à rien et occasionne ralentissement d'affichage et encombrement réseau.
Syntaxe
{{Image relative|nom image|position|largeur relative %|largeur max px [|aligne-texte=]|commentaire}}
Paramètres
  • nom de l'image : ne pas oublier d'indiquer l'entête Image:
  • position : centre, gauche, droite
  • largeur relative : indiquer une valeur cohérente suivie du signe % (collé sans espace)
  • largeur max : limite la taille de l'image à cette valeur (suivie de px collé sans espace). Une valeur plus grande que la taille native de l'image disponible est ignorée.
  • commentaire : à afficher sous l'image.
  • aligne-texte= : gauche (optionnel) alignement du commentaire.