Les Images Map polygonales

Han, tu t'es aperçu que tu voulais faire des liens sur des surfaces triangulaires ou d'autres formes sur tes images. Mais tu ne sais que faire des liens sur des surfaces rectangulaires ou encore circulaires, mais pour toi les parallélogrammes, les pentagones et autres formes au nom barbare te sont inconnues. Ne t'en fais pas, Super Oleo, qui voyage plus vite que la lumière, est là pour t'aider. N'oublie pas, que tu pourras me louer à la fin du tutorial XD.

Comme toujours, tu dois mettre ce dois ci-dessous dans ta page pour pouvoir insérer une image map.

Dans ce code, modifier les valeurs, tu devras (remplacées ici par des xx).

w1 correspond à la distance du premier point par rapport à la gauche,
w2 correspond à la distance du premier point par rapport au haut,
x1 correspond à la distance du second point par rapport à la gauche,
x2 correspond à la distance du second point par rapport au haut,
y1 correspond à la longueur du troisième point par rapport à la gauche
y2 correspond à la distance du troisième point par rapport au haut,
z1 correspond à la distance du quatrième point par rapport au haut,
z2 correspond à la distance du quatrième point par rapport au haut.

Là, le lien ressemble à un paraléllogramme incliné situé sur le "Click".

Comme tu le remarques, le lien est situé sur une surface polygonale. Bien évidemment, tes polygones peuvent comporter autant de points que tu le souhaites. Cependant, c'est comme de la géométrie pense à mettre les coordonnées de tes points dans l'ordre. Par exemple ici, le point (x1;x2) est relié au point (y1;y2) qui est lui-même relié dans au point (z1;z2), etc. Attention, tu ne peux utiliser qu'un seul type d'image map par image !

Maintenant, tu peux me louer ou m'envoyer un mail pour d'éventuelles questions ou insultes si t'es jaloux de ma beauté XP.