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 (a déplacé Aide:HTML Map vers Aide:Image Map HTML: Correction pour correspondre à l'appellation courante en dev. web) |
|||
| Ligne 2 : | Ligne 2 : | ||
__NOEDITSECTION__ | __NOEDITSECTION__ | ||
{{En construction}} | {{En construction}} | ||
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. | |||
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 : coin supérieur gauche et coin inférieur droit du carré circonscrit au cercle | |||
*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. | |||
<pre> | <pre> | ||
Version du 7 janvier 2007 à 00:54
|
|
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 : coin supérieur gauche et coin inférieur droit du carré circonscrit au cercle
- 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,50|Lien http://www.xxx.com|Texte du lien}
</htmlmap>
Exemple: Tyrie