Souci de click sur mon image ...
Résolu
PinkieArts
Messages postés
5
Date d'inscription
Statut
Membre
Dernière intervention
-
PinkieArts Messages postés 5 Date d'inscription Statut Membre Dernière intervention -
PinkieArts Messages postés 5 Date d'inscription Statut Membre Dernière intervention -
Bonjour tout le monde, j'ai un petit souci, ...
Alors voila j'ai une photo et j'aimerais que chaque éléments de la photo sois cliquable et que lorsqu'on clique dessus cela affiche une image .. mais je n'y arrive pas du tout ..
Voici mon image :

et voici le code que j'avais trouver mais le souci c'est que je n'arrive pas a localiser les click ..
EDIT : Ajout des balises de code
EDIT² : Déplacement de la question dans le forum Javascript
Est ce que quelqu'un sais m'aider s'il vous plais ? ^^
Alors voila j'ai une photo et j'aimerais que chaque éléments de la photo sois cliquable et que lorsqu'on clique dessus cela affiche une image .. mais je n'y arrive pas du tout ..
Voici mon image :

et voici le code que j'avais trouver mais le souci c'est que je n'arrive pas a localiser les click ..
<html> <head> <meta charset="utf-8"/> <title> changement image </title> <link href="CSS.css" rel=stylesheet type="text/css" media="all"> <script type="text/javascript"> var click1 = "1"; function change1(){ var image = document.getElementById('fond'); if (click1=="1"){ image.src="Photo/1.Line.png" click1 = "2"; } else if (click1=="2"){ image.src="Photo/79798224_2238817193077924_2235141950531436544_n.jpg" click1 = "1"; } else if (click1=="3"){ image.src="Photo/2.Fond.png" click1 = "2"; } } </script> </head> <body> <div class="super image"> <img src="Photo/79798224_2238817193077924_2235141950531436544_n.jpg" id="fond" usemap="carte" onclick="change1()"> </div> </body> </html>
EDIT : Ajout des balises de code
EDIT² : Déplacement de la question dans le forum Javascript
Est ce que quelqu'un sais m'aider s'il vous plais ? ^^
A voir également:
- Souci de click sur mon image ...
- Image iso - Guide
- Acronis true image - Télécharger - Sauvegarde
- Reduire taille image - Guide
- Légender une image - Guide
- Image de manchots sur une image de plage - Forum Musique / Radio / Clip
6 réponses
Merci beaucoup mais j'ai oublier de préciser un détails .. xs en fait je doit faire en sorte que au moments ou je clique, cela ne m'emmène pas vers un lien mais que l'image apparaisse sur la page sur laquelle j'ai cliqué... est ce que c'est possible ? ^^
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Bon je pense que j'ai rien compris en fait XD (sorry je viens de débuter donc je ne m'y connais absolument pas ..) j'ai ma photo en fond mais je ne parviens pas cliquer dessus... Voila mon code ..
<html>
<head>
<meta charset="utf-8"/>
<link href="CSS.css" rel=stylesheet type="text/css" media="all">
<div class="super">
<img src="Photo/79798224_2238817193077924_2235141950531436544_n.jpg" id="fond" alt="" usemap="Carte">
</div>
<map name="Carte">
<area shape="rect" coords="40,50,270,350" alt="papier 1" href="Photo/1.Line.png">
<area shape="rect" coords="10,5,20,15" alt="papier 2" href="Photo/2.Fond.png">
</map>
</head>
<body>
</body>
</html>
<html>
<head>
<meta charset="utf-8"/>
<link href="CSS.css" rel=stylesheet type="text/css" media="all">
<div class="super">
<img src="Photo/79798224_2238817193077924_2235141950531436544_n.jpg" id="fond" alt="" usemap="Carte">
</div>
<map name="Carte">
<area shape="rect" coords="40,50,270,350" alt="papier 1" href="Photo/1.Line.png">
<area shape="rect" coords="10,5,20,15" alt="papier 2" href="Photo/2.Fond.png">
</map>
</head>
<body>
</body>
</html>