Discussion :

[levirus93700]

Bonjour,
Je voudrai savoir comment faire pour que seulement une partie d'une image soit cliquable.
Merci.

[pop_up]

regarde du coté de la balise map .

[levirus93700]

Je n'ai pas très bien compris,pourrai-tu me donner un autre lien ou expliquer par toi même.

[pop_up]

pour une image, tu utilises la balise map qui te permet de definir une ou plusieurs zones reactives

je te laisse chercher balise map dans google pour trouver de la doc.

tu doit obtenir un truc de ce style :

Code :

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

1
2
3
4
5
6
 
<img src="tonimage.jpg" width="XX" height="XX" usemap="#Map">
    <map name="Map">
      <area shape="rect" coords="56,23,166,82" href="http://www.exemple.com">
      <area shape="rect" coords="25,89,39,106" href="#">
    </map>

chaque zone area utilise des coordonnees (les 2 premieres definissent le coin haut gauche et les 2 autres le coin bas droit). essai sur ton image avec des coordonnees appropries.

[Gaillac]

Si tu veux un truc plus fin, plutôt que "rect" ou "circle" tu as "poly" qui te permets de donner la forme que tu veux (une composition de segments) à ta zone cliquable, en donnant les coordonnées de chaque points. Si tu as une interface graphique pour le faire, ça va tout seul, sinon c'est un peu long mais ça se fait (tu repère d'abord tes coordonnées via un logiciel de dessins, et après tu map...)

[levirus93700]

Je fais comment pour trouver les coordennées?

[Gaillac]

OUvre ton image avec paint.
Vérifie que la barre d'état est affiché (dans le menu affichage, "barre d'état" doit être "biffée".
balade un outil comme le crayon ou l'outil de sélection (c'est le plus précis), et apparait dans ta barre d'état (en bas à droite) les coordonnées (x,y) ayant pour origine le coin haut gauche de ton image.
Bien sûr, ça marche aussi avec des outils plus évolués que Paint, mais Paint suffis.

[Sekmeth]

Sauf erreur avec Homesite, y a un petit utilitaire qui permet de faire des map facilement, juste en sélectionnant la partie de l'image, il génère le code automatiquement.

[SpaceFrog]

image mapper, gimp, photoshop, dreamweaver, frontpage, firstpage ...bref y'a le choix...