Salut, NoixDeCroqueur (Copyright Pif
)Pour cela il faut que tu crées une "map" ("carte" en français).
Je t'ais fait un exemple, si tu cliques sur "ENTRER" tu arrives vers ce sujet, si tu cliques sur le "O" de ".INFO" tu arrives sur l'accueil de Noix De Croco.
Voir l'exemple
Explications :
Ton image fait 800x600
Il faut déterminer à l'interieur de celle-ci les zones cliquables. Pour cela on crée une carte qui désigne les zones actives.
Chaque zone définie indique ceci :
- le point de départ en X, Y, point d'arrivé X,Y pour une zone carrée, (
shape="rect" )
- le point central en X,Y puis le rayon pour une zone ronde (
shape="circle").
Dans l'exemple lié ci-dessus, il te suffit de regarder le code source de la page pour voir ce qui est codé. Mais voici quand même le code en question.
On assume que : l'image se nomme "imagezonee.jpg" (dans le tag img), on voit dans le tag img que le navigateur doit lui appliquer la carte nommée "map" (
usemap="#Map").
- Code: Tout sélectionner
<img src="imagezonee.jpg" width="800" height="600" border="0" usemap="#Map" />
<map name="Map" id="Map">
<area shape="rect" coords="336,325,462,361" href="http://www.noixdecroco.com/htm/forum/viewtopic.php?t=44" target="_blank" />
<area shape="circle" coords="591,163,21" href="http://www.noixdecroco.com" target="_blank" />
</map>
Note que pour chaque forme on donne le lien de destination. Dans mon exemple, cliquer sur un des deux liens ouvre une nouvelle fenêtre avec la page destination. Mais si tu souhaites que la page destination s'ouvre dans la même fenêtre que celle de l'accueil, alors il suffit d'enlever les
target="_blank".
Voilà
PS : attention à tes titres de sujet, soit explicite, j'ai modifié le tiens.