Changer une image et son action sur un clic Résolu

Question

Bonjour à tous

Je souhaite sur une page avoir une image (image1.jpg) qui ouvre un calque.
Lorsque l'on clique dessus, j'aimerai que l'image change (image2.jpg) et que si on clique sur cette seconde image le calque se cache.

Je sais comment montrer et cacher un calque (en javascript), c'est la partie changement d'image et de son action sur clique en même temps que je ne connais pas...

Merci à ceux qui ont des pistes
JM

avion-f16 · Answer

Pour "changer son action", vérifie si le "calque" est visible.
Si oui, tu le masques, si non, tu l'affiches

avion-f16 · Answer

Et où est le problème ?
Dans la condition où tu affiches le calque, tu changes aussi l'url de l'image
calque = document.getElementById('id_calque');
image = document.getElementById('id_image');

if(calque.style.display == 'none') {
    calque.style.display = 'block';
    image.src = 'image_calque_visible.png';
} else {
    calque.style.display = 'none';
    image.src = 'image_calque_invisible.png';
}

Changer une image et son action sur un clic

2 réponses

Discussions similaires

Newsletters