Aller au contenu

Rendre certaine zone d'une image clickable


Limp

Messages recommandés

Bonsoir,

J'ai essyé de faire une recherche, mais en vain...

Un ami m'a créer une image avec photoshop avec une photo de chaque personne de mon équipe. Cette image prendra la place des 7 autres petite photos.

Ce que je veux faire c'est lorsqu'on clique sur un pilote ça ouvre le profil correspondant... Il faudrait donc rendre ces zone actives et pointant vers le bon lien.

Comment dois je procéder car je n'ai aucun idée?!

Mon site est en php, et j'utilise Dreamweaver.

Merci pour vos conseils :cartonjaune:

Lien vers le commentaire
Partager sur d’autres sites

Renseigne toi sur la balise <map>, qui te permet de définir différentes zones sur une image (des carrés, des cercles et des polygones, le plus intéressant dans ton cas je pense.)

:cartonjaune:

<map name="map_menu">
<area shape="poly" coords="462,94,446,114,547,115,563,94" href="/default.php" alt="Site" title="Site">
<area shape="poly" coords="572,94,556,113,654,114,672,94" href="/compte" alt="Membres" title="Membres">
<area shape="poly" coords="678,94,663,114,761,114,779,92" href="/recherche.php" alt="Recherche" title="Recherche">
<area shape="poly" coords="785,94,769,114,868,114,886,92" href="/compte/mliste.php" alt="Mailing-list" title="Mailing-list">
<area shape="poly" coords="890,94,874,114,973,114,991,92" href="http://www.prixdunet.com/" target="_blank" alt="Prix du Net" title="Prix du Net">
<area shape="rect" href="/forum" coords="0,0,999,131">
</map>

Voici par exemple pour le menu de PCI :-D

Lien vers le commentaire
Partager sur d’autres sites

Archivé

Ce sujet est désormais archivé et ne peut plus recevoir de nouvelles réponses.

×
×
  • Créer...