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
| Ligne 6 : | Ligne 6 : | ||
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 : | *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 17 : | Ligne 17 : | ||
{rect|10,10,50,50|Lien http://www.xxx.com|Texte du lien} | {rect|10,10,50,50|Lien http://www.xxx.com|Texte du lien} | ||
{polygon|10,10,50,50,60,10|Lien http://www.xxx.com|Texte du lien} | {polygon|10,10,50,50,60,10|Lien http://www.xxx.com|Texte du lien} | ||
{circle|10,10 | {circle|10,10,50|Lien http://www.xxx.com|Texte du lien} | ||
</htmlmap> | </htmlmap> | ||
</pre> | </pre> | ||
Version du 7 janvier 2007 à 00:58
|
|
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.
<htmlmap>
[Lien vers l'image http://www.xxx.com/xxx.jpg|Texte alternatif|Largeur|Hauteur]
{rect|10,10,50,50|Lien http://www.xxx.com|Texte du lien}
{polygon|10,10,50,50,60,10|Lien http://www.xxx.com|Texte du lien}
{circle|10,10,50|Lien http://www.xxx.com|Texte du lien}
</htmlmap>
Exemple: Tyrie