Changer l'image via la fonction onclick()

Question

Je souhaite changer une image en une autre en cliquant sur l'objet. Le code est empilé dans l'ordre suivant : Ce que je veux, c'est que lorsque je clique, l'image soit remplacée par une version colorée de l'image, c'est à dire une autre image. Maintenant, je sais que je peux le faire en utilisant JQuery/JS. Mais je ne veux pas ajouter beaucoup de code JS pour réaliser une fonction aussi simple. Existe-t-il un moyen plus simple d’y parvenir ? Méthode comme la classe pseudo-selector.active ? Je ne peux pas comprendre.

P粉111627787 · Answer

Pour modifier l'événement onclick d'une image à l'aide de JavaScript, vous devez avoir une image avec un identifiant :

Ensuite, lorsque l'on clique sur l'image, vous pouvez appeler la fonction JavaScript :

function changeImage() {
    if (document.getElementById("imgClickAndChange").src == "http://www.userinterfaceicons.com/80x80/minimize.png"){
        document.getElementById("imgClickAndChange").src = "http://www.userinterfaceicons.com/80x80/maximize.png";
    } else {
        document.getElementById("imgClickAndChange").src = "http://www.userinterfaceicons.com/80x80/minimize.png";
    }
}

Ce code définira l'image sur maximiser.png lorsque le img.src actuel est défini sur minimiser.png et vice versa. Pour plus de détails, veuillez visiter : Modifier le lien d'événement onclick d'une image à l'aide de JavaScript