Discussion :

[ddanie]

Bonsoir,

Comment écrire le code pour ouvrir une page de mon site à partir d'un clic sur une couleur d'une image

Exemple j'ai une image qui comporte 4 couleurs dont les codes en Hexa sont les suivant :
#FFF838 (jaune)
#F896FF (rose)
#24FF14 (vert)
#FF6A0 (orange)

Si je clique sur la zone jaune de l'image, cela doit ouvrir par exemple la page 10 de mon site
Si je clique sur le rose de l'image, cela doit ouvrir par exemple la page 5 de mon site.. Etc...

Si vous avez des réponses
Merci

[Muchos]

Typiquement une image map (*), même si la solution peut être beaucoup plus simple si ce sont des aplats de couleurs par exemple.

(*) Le tuto DVP semble un peu vieux, même si ça semble toujours fonctionner comme ça. Bon à savoir : DreamWeaver ou The GIMP peuvent générer vos images map!

[ddanie]

Bonjour Muchos

N'étant pas un expert, finalement j'ai opté pour ta solution que je ne connaissait pas, et le résultat est satisfaisant.
Merci

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
<MAP NAME="eux">
<AREA SHAPE="poly" COORDS="0,0,34,0,78,20,
43,33,46,69,19,54,0,78,0,0" HREF="#moi">
<AREA SHAPE="poly" COORDS="34,0,78,20,43,33,
46,69,19,54,0,78,0,93,91,93,123,76,98,49,147,34,131,0,34,0" HREF="#toi">
<AREA SHAPE="poly" COORDS="131,0,200,0,200,
94,91,93,123,76,98,49,147,34,131,0" HREF="#nous">
</MAP>
<IMG SRC="images/map3.gif" WIDTH=200 HEIGHT=94 BORDER=0 USEMAP="#eux">