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 |
|||
(5 versions intermédiaires par 2 utilisateurs non affichées) | |||
Ligne 1 : | Ligne 1 : | ||
{{Icône|Lien=Aide:Aide|Texte=Sommaire de l'aide|Image=Icone Aide.png|Taille=20}} | |||
__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. | |||
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 cela, il faut déclarer en premier les zones de premier plan. | |||
<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/ImageMapEditor/ Editeur ImageMap]</span> | ||
''Exemple'' : [[Tyrie]] | |||
[[Catégorie:Aide]] | [[Catégorie:Aide]] |
Version actuelle datée du 23 juillet 2007 à 23:30
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 cela, 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