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   -
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 ..
<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:

6 réponses

jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 752
 
1
jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 752
 
Oui c'est possible.
Tu joues avec l'évent ONCLICK sur les area.

1
PinkieArts Messages postés 5 Date d'inscription   Statut Membre Dernière intervention  
 
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 ? ^^
0
PinkieArts Messages postés 5 Date d'inscription   Statut Membre Dernière intervention  
 
Je suis pas sur de tout comprendre mais je vais essayer ! Merci beaucoup ! ^^
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
PinkieArts Messages postés 5 Date d'inscription   Statut Membre Dernière intervention  
 
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>
0
PinkieArts Messages postés 5 Date d'inscription   Statut Membre Dernière intervention  
 
C'est bon j'ai trouver ! ^^ Merci à toi pour tes conseils ! ^^
0