Changer l'image via la fonction onclick()
P粉242535777
2023-08-18 08:53:28
<p>Je souhaite changer une image en une autre lorsque je clique sur l'objet. Les codes sont empilés dans l'ordre suivant : </p>
<pre class="brush:php;toolbar:false;"><li><img><du texte></img></li>
<li><img><du texte></img></li>
<li><img><du texte></img></li>
<li><img><du texte></img></li>
<li><img><du texte></img></li></pre>
<p>Ce que je veux, c'est que lorsque je clique sur <code><li></code>, l'image se transforme en une version couleur de l'image, qui est 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. </p>
<p>Existe-t-il un moyen plus simple de procéder ? Des méthodes comme la classe pseudo-sélecteur<code>.active</code> </p>
<p>Je n’y pense pas. </p>
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 :
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