changement image apres clic lien menuRésolu

Question

Bonjour,
Je n'ai pas trouvé de solution à mon problème. Je m'explique.
J'ai un menu en html :

 
  [menu1.php ]

 

  [menu2.php ]


J'ai ajouter le code suivant sur l'image : onClick="document.img1.src='image1bis.png';"
Hors vu que je change de page, l'image ne change pas. Comment faire pour avoir l'image1bis après avoir cliquer sur le lienet que celle si reste??

Merci

cs_Luluce25 · Accepted Answer

En fait j'ai trouvé une alternative à mon problème.
J'ai récupéré l'adresse de la page où je me trouve et en fonction de cette adresse, je change les images qu'il faut.

        

            [entreprise.php ] 
        

        

            [salledebain.php ] 
        

Code JAVASCRIPT :
function changeMenu(){
        var url = document.location.pathname;
        
        if(url=="/newsite/entreprise.php")
            document.entreprise.src = 'image/menu/entreprise2.png';
            
        if(url=="/newsite/salledebain.php")
            document.sdb.src = 'image/menu/sdb2.png';
       
    }

Merci pour votre aide.

Bul3 · Answer

Bonjour,
si j'ai compris ! : 
regarde en CSS, le a:visited, a:hover....  ainsi que ="background-image:url(ton image); 
si j'ai compris, car pas sûr de ce que tu demandes dans ces histoires
    de changement de page !
Cordialement	[mon Site]	[M'écrire]	Bul

cs_Luluce25 · Answer

Merci pour votre réponse. Ca donne presque ce que je veux.
Je voudrais que si je change de page, le lien redevienne comme s'il n'avait pas été visité?!
Cordialement

Bul3 · Answer

toujours pas sûr de comprendre...
mais joue avec le a:visited ?

cs_Luluce25 · Answer

J'ai un menu:
Menu1 - Menu2 - Menu3

Suivant votre conseil, j'ai mis des images en fond pour chaque lien.
Quand je clique sur Menu1, l'image change car j'ai utilisé a.visited, on va dire que img1 change en img1bis. Jusque la tout va bien.
Par contre, je voudrais que quand je clique sur Menu2, l'image de Menu1 redevienne img1 et pas img1bis.

J'espère avoir été plus claire....

Bul3 · Answer

sans javascript pas sûr qu'on puisse alors....
...onclick" lélément à modifier .style.backgroundImage'url:(....)';"...
ou jouer avec le className de cet élément.

@+

cs_Luluce25 · Answer

Quand je clique sur mon image, je vois bien que l'image change mais quand je relève la bouton de la souris, l'image de départ revient...

Bul3 · Answer

tu pourrais mettre ce que tu fais ?
car si c'est quand "on relève le bouton", c'est fait avec du css ou onmouseout....
@+

Changement image apres clic lien menu

8 réponses

Votre réponse

Discussions similaires