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

De BoyWiki
Pinocchio (discussion | contributions)
m
Pinocchio (discussion | contributions)
ajout options encadré et comment
Ligne 1 : Ligne 1 :
<includeonly>{{#switch:{{{2|}}}
<includeonly><!--
  | center|centre|centrée=<div class="imagerelative" style="height:auto; width:{{{3|25%}}}; margin:auto;">
-->{{#if:{{{encadré|}}}
  | left|gauche=<div class="imagerelative" style="height:auto; width:{{{3|25%}}}; float:left; border-width:0.5em 1em 0.5em 0;">
| <div class="imagerelative noborder"
  | right|droite=<div class="imagerelative" style="height:auto; width:{{{3|25%}}}; float:right; border-width:0.5em 0 0.5em 1em;">
|<div class="imagerelative"
  |#default=<div class="imagerelative" style="height:auto; width:{{{3|25%}}};">
}}<!--
-->{{#switch:{{{2|}}}
  | center|centre|centrée= style="height:auto; width:{{{3|25%}}}; margin:auto;">
  | left|gauche= style="height:auto; width:{{{3|25%}}}; float:left; border-width:0.5em 1em 0.5em 0;">
  | right|droite= style="height:auto; width:{{{3|25%}}}; float:right; border-width:0.5em 0 0.5em 1em;">
  |#default= style="height:auto; width:{{{3|25%}}};">
}}<div class="padding">[[Image:{{{1}}}|{{{4|500px}}}|frameless]]<!--
}}<div class="padding">[[Image:{{{1}}}|{{{4|500px}}}|frameless]]<!--
-->{{#if:{{{5|}}}
-->{{#if:{{{5|}}}
Ligne 11 : Ligne 16 :
   |#default=<p class="caption" style="text-align:left;">{{{5}}}</p></div></div>
   |#default=<p class="caption" style="text-align:left;">{{{5}}}</p></div></div>
   }}
   }}
  | {{#switch:{{{aligne-texte}}}
  | {{#if:{{{comment}}}
   | right|droite=<div class="imagetext" style="text-align:right;">
  | <div class="imagetext nocomment"
   | center|centre|centré=<div class="imagetext" style="text-align:center;">
  | <div class="imagetext"
   |#default=<div class="imagetext" style="text-align:left;">
  }}<!--
-->{{#switch:{{{aligne-texte}}}
   | right|droite= style="text-align:right;">
   | center|centre|centré= style="text-align:center;">
   |#default= style="text-align:left;">
   }}<!--
   }}<!--
-->{{BoyWiki:Commentaires des images/{{{1}}}}}</div></div></div><!--
-->{{BoyWiki:Commentaires des images/{{{1}}}}}</div></div></div><!--
Ligne 21 : Ligne 30 :
: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 [|aligne-texte=]|légende}}</nowiki></pre>
<pre><nowiki>{{Image relative|nom image|position|largeur relative %|largeur max px[|encadré=] [|aligne-texte=]|légende}}</nowiki></pre>
;Paramètres
;Paramètres
*nom de l'image : '''ne pas indiquer le préfixe ''Image:'''''
*nom de l'image : '''ne pas indiquer le préfixe ''Image:'''''
Ligne 27 : Ligne 36 :
*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.
*aligne-texte= : (optionnel) alignement du commentaire (à gauche par défaut).
*encadré=non : (optionnel) supprimer la bordure autour de l'image.
*légende : à afficher sous l'image ; si absent c'est le commentaire des pages ''Commentaires des images'' qui est affiché.
*aligne-texte= : (optionnel) alignement de la légende (à gauche par défaut).
*légende : texte à afficher sous l'image ; si absent c'est le commentaire des pages ''Commentaires des images'' qui est affiché. Pour afficher aucune légende indiquer un champ vide (&lt;nowiki>&lt;/nowiki>).
*comment=non : (optionnel) uniquement si légende non renseignée, permet de n'afficher que la description provenant des pages ''Commentaires des images''.
</noinclude>
</noinclude>

Version du 2 janvier 2011 à 11: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[|encadré=] [|aligne-texte=]|légende}}
Paramètres
  • nom de l'image : ne pas indiquer le préfixe 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.
  • encadré=non : (optionnel) supprimer la bordure autour de l'image.
  • aligne-texte= : (optionnel) alignement de la légende (à gauche par défaut).
  • légende : texte à afficher sous l'image ; si absent c'est le commentaire des pages Commentaires des images qui est affiché. Pour afficher aucune légende indiquer un champ vide (<nowiki></nowiki>).
  • comment=non : (optionnel) uniquement si légende non renseignée, permet de n'afficher que la description provenant des pages Commentaires des images.