Pour pouvoir importer des images sur le serveur et consulter le wiki sans publicité, vous devez vous connecter.
Différences entre les versions de « Aide:Image Map HTML »
Aller à la navigation
Aller à la recherche
m |
|||
Ligne 1 : | Ligne 1 : | ||
{{Icône|Lien=Aide:Aide|Texte=Sommaire de l'aide|Image=Icone Aide.png|Taille=20}} | {{Icône|Lien=Aide:Aide|Texte=Sommaire de l'aide|Image=Icone Aide.png|Taille=20}} | ||
__NOEDITSECTION__ | __NOEDITSECTION__ | ||
Les '''image-maps''' permettent d'ajouter à une image, des zones réactives sous forme de liens, cette technique peut être utilisée par exemple pour la construction de menus graphiques.<br /> | |||
Les image-maps permettent d'ajouter à une image, des zones réactives sous forme de liens, cette technique peut être utilisée par exemple pour la construction de menus graphiques.<br /> | |||
Une zone réactive peut être un rectangle, un polygone ou un cercle et elle doit être repérée de façon précise grâce à des coordonnées. | Une zone réactive peut être un rectangle, un polygone ou un cercle et elle doit être repérée de façon précise grâce à des coordonnées. | ||
Ces coordonnées sont mesurée à partir du pixel supérieur gauche de l'image et fonctionne par couple (x,y), voici les coordonnées à fournir suivant les types: | Ces coordonnées sont mesurée à partir du pixel supérieur gauche de l'image et fonctionne par couple (x,y), voici les coordonnées à fournir suivant les types: | ||
*rect : coin supérieur gauche, coin inférieur droit | * '''rect''' : coin supérieur gauche, coin inférieur droit | ||
*circle : centre (x,y) et rayon | * '''circle''' : centre (x,y) et rayon | ||
*polygon : liste des sommets du polygone sous la forme x,y | * '''polygon''' : liste des sommets du polygone sous la forme x,y | ||
Ligne 13 : | Ligne 12 : | ||
<pre> | <pre> | ||
< | <imagemap> | ||
Image:Carte de l'Outremonde.jpg|400px|L'Outremonde | |||
poly 665 3 795 0 796 267 741 308 688 [[Zone 1]] | |||
poly 88 578 483 558 507 554 533 588 594 791 588 [[Zone 2]] | |||
desc bottom-left | |||
</ | </imagemap> | ||
</pre> | </pre> | ||
Exemple: [[Tyrie]] | Vous pouvez créer des image-maps facilement avec cette outil : <span class="plainlinks">[http://gwiki.fr/utilitaires/ImageMapEdit/ImageMapEdit.html Editeur ImageMap]</span> | ||
Exemple : [[Tyrie]] | |||
[[Catégorie:Aide]] | [[Catégorie:Aide]] |
Version du 24 mai 2007 à 21:45
Les image-maps permettent d'ajouter à une image, des zones réactives sous forme de liens, cette technique peut être utilisée par exemple pour la construction de menus graphiques.
Une zone réactive peut être un rectangle, un polygone ou un cercle et elle doit être repérée de façon précise grâce à des coordonnées.
Ces coordonnées sont mesurée à partir du pixel supérieur gauche de l'image et fonctionne par couple (x,y), voici les coordonnées à fournir suivant les types:
- rect : coin supérieur gauche, coin inférieur droit
- circle : centre (x,y) et rayon
- polygon : liste des sommets du polygone sous la forme x,y
On peut se faire chevaucher plusieurs zones, pour celà, il faut déclarer en premier les zones de premier plan.
<imagemap> Image:Carte de l'Outremonde.jpg|400px|L'Outremonde poly 665 3 795 0 796 267 741 308 688 [[Zone 1]] poly 88 578 483 558 507 554 533 588 594 791 588 [[Zone 2]] desc bottom-left </imagemap>
Vous pouvez créer des image-maps facilement avec cette outil : Editeur ImageMap
Exemple : Tyrie