Les Images Map circulaires

Vous souhaitez faire un lien sur une forme circulaire mais vous ne connaissez que les image maps rectangulaires. Ne vous en faites pas, je suis là pour vous chers internautes pour vous faire connaîtres les images maps circulaires.

Comment les utiliser ?
Comme pour le précédent tuto, choissisez votre image. Moi je prends celle-ci (le lien se fera sur l'intégralité du "o" de One) :

Voici le code que vous devez insérer pour l'image (pour l'instant ça change pas =_=) :


Vous pouvez, bien sur, remplacer "map" par le nom de votre choix, mais attention, veillez bien à gardez le dièse (#).

Ensuite toujours dans votre page html, mettez ce code-ci :


Dans ce code, vous devrez modifier les quatre valeurs (remplacées ici par des xx).
x1 correspond à la distance du centre du cercle par rapport à la gauche,
x2 correspond à la distance du centre du cercle par rapport au haut,
x3 correspond à la longueur du rayon du cercle à droite par rapport à la gauche (ah, en plus on fait un peu de géométrie XD).

Si vous avez bien suivi voici ce que vous devriez obtenir (avec vos mesures) :

Voici maintenant l'exemple final ^^

Vous pouvez bien sur mettre autant de liens que vous le souhaitez sur vos images. Mais attention, vous ne pourrez choisir qu'un seul type d'image map par image.

Vous avez une question ? Contactez-Moi.