« Modèle:Image relative » : différence entre les versions
De BoyWiki
(m) |
(test intégration commentaire) |
||
| Ligne 4 : | Ligne 4 : | ||
| right|droite=<div class="imagerelative" style="height:auto; width:{{{3|25%}}}; float:right; border-width:0.5em 0 0.5em 1em;"> | | right|droite=<div class="imagerelative" style="height:auto; width:{{{3|25%}}}; float:right; border-width:0.5em 0 0.5em 1em;"> | ||
|#default=<div class="imagerelative" style="height:auto; width:{{{3|25%}}};"> | |#default=<div class="imagerelative" style="height:auto; width:{{{3|25%}}};"> | ||
}}<div class="padding">[[{{{1}}}|{{{4|500px}}}|frameless | }}<div class="padding">[[Image:{{{1}}}|{{{4|500px}}}|frameless]]<!-- | ||
-->{{#switch:{{{aligne-texte}}} | -->{{#if:{{{5}}} | ||
| {{#switch:{{{aligne-texte}}} | |||
| right|droite=<p class="caption" style="text-align:right;">{{{5}}}</p></div></div> | |||
}}</includeonly><noinclude> | | center|centre|centré=<p class="caption">{{{5}}}</p></div></div> | ||
|#default=<p class="caption" style="text-align:left;">{{{5}}}</p></div></div> | |||
}} | |||
| {{#switch:{{{aligne-texte}}} | |||
| right|droite=<div class="imagetext" style="text-align:right;"> | |||
| center|centre|centré=<div class="imagetext" style="text-align:center;"> | |||
|#default=<div class="imagetext" style="text-align:left;"> | |||
}}<!-- | |||
-->{{BoyWiki:Commentaires des images/{{{1}}}}}</div></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 [|aligne-texte=]| | <pre><nowiki>{{Image relative|nom image|position|largeur relative %|largeur max px [|aligne-texte=]|légende}}</nowiki></pre> | ||
;Paramètres | ;Paramètres | ||
*nom de l'image : ne pas | *nom de l'image : '''ne pas indiquer le préfixe ''Image:''''' | ||
*position : centre, gauche, droite | *position : centre, gauche, droite | ||
*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). | |||
*aligne-texte= : | *légende : à afficher sous l'image ; si absent c'est le commentaire des pages ''Commentaires des images'' qui est affiché. | ||
</noinclude> | </noinclude> | ||
Version du 1 janvier 2011 à 23:33
- 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=]|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.
- aligne-texte= : (optionnel) alignement du commentaire (à gauche par défaut).
- légende : à afficher sous l'image ; si absent c'est le commentaire des pages Commentaires des images qui est affiché.
