Discussion :

[marida]

salut!

j'ai une préoccupation. je ne sais pas si c'est possible d'écrire sur une image en inscrivant par exemple un ou plusieurs liens qui donnent accès à différentes pages web.

par exemple : je réalise une image sur photoshop et j'aimerai l'utiliser dans une page web en mettant sur l'image deux liens comme 'oui' et 'non' de telle sorte qu'en cliquant sur le lien "oui" qu'on ait une autre page web et lorsqu'on clique sur "non" qu'on obtienne également une autre page web différente.

j'aimerai savoir si cela est possible et comment le faire.

Merci.

[Thes32]

Salut et Bienvenu,

Normalement les images ne possèdent qu'un seul lien sous la forme

Code :

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

1
2
 
<a href="le_lien"><img src="image.jpg" /></a>

Pour qu'une seule pointe vers plusieurs liens tu dois faire appel à map, dans ce cas tu est comme subdivisé en plusieurs zones où chaque zone pointe vers un endroit particulier.

Code :

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

1
2
3
4
5
6
7
 
<map name="monmap">
<area shape="rect" coords="coordoones1" href="un_lien"></area>
<area shape="rect" coords="coordoones2" href="un_lien"></area>
<area shape="rect" coords="coordoones3" href="un_lien"></area>
</map>
<img src="images/map2.gif" width="100" height="67"  usemap="monmap">

Pour cela tu dois connaître précisément la taille de ton image et bien savoir "le mapper".

un bon tuto dessus http://cyberzoide.developpez.com/html/map.php3

[Invité]

Bonjour,
le plus simple est peut-être de "couper" l'image en 2 (avec photoshop), avec un coté "oui" et un coté "non", puis :

Code :

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

<a href="le_lienOUI"><img src="imageOUI.jpg" /></a><a href="le_lienNON"><img src="imageNON.jpg" /></a>