IMAGE MAP |
Outils pour webmaster. Trucs et astuces en code HTML, JavaScript, PHP : améliorer son site internet
Descriptif : ce script va vous permettre de "maper" une image, c'est à dire d'associer un lien avec un emplacement sur une image.
Exemple :
Mise en oeuvre : Sélectionnez le code ci-dessous (copie automatique dans le presse-papiers) et collez-le dans votre page, code HTML visible.
Entre les deux balises <head> et </head>
Dans la balise <body>
Entre les deux balises <body> et </body>
Remarque :
- Pour vos essais,
téléchargez les deux images
de l'exemple.
- Configurez le chemin de vos images dans le script de la
section <head> à var
imgurl="VOTRE-IMAGE.JPG"et celui du cercle à var markerurl="IMAGE-CERCLE.GIF"
- Configurez la position horizontale et verticale en pixels de votre image à :
var x_imgposition=150 et var y_imgposition=150
- Suivant les
liens et la position du cercle vous changerez les deux valeurs dans le script de
la partie <body> à :
<a href="javascript:setmarkerto('47','103')">Marie</font></a>,
-
Comment déterminer une position sur l'écran à l'aide du curseur ?
Introduisez ce petit script dans la page où vous travaillez après la balise <body>.
Vous obtiendrez alors la position X (horizontale) et Y (verticale) du curseur
(regardez dans la barre d'état en bas à gauche).
Entre les deux balises <body> et </body>
Copyright www.toulouse-renaissance.net ©