Modifier l'image du bouton onclick
J'ai ce code pour modifier à partir de l'image 1 à l'image 2. Comment puis-je la faire changer d'image 2 image 3, et à l'arrière à l'image 1? Grâce
<!DOCTYPE html>
<html>
<body>
<button onclick="myFunction()"><img id="myImg" src="image1.gif" width="107" height="98"></button>
<script>
function myFunction()
{
document.getElementById("myImg").src="image2.gif";
}
</script>
</body>
</html>
Vous devez vous connecter pour publier un commentaire.
http://jsfiddle.net/9R2J7/1/
Vous pourriez faire
Ce n'est pas très élégant, mais ça pourrait être une solution.
Salutations.
À l'aide de jQuery.
modifier votre code html à quelque chose du genre:
Ensuite, vous pouvez ajouter un onclick à la
#change-img
élément. Dans votre jQuery, ajouterEt là vous l'avez.
Fait une démo, similaire à ce que vous souhaitez réaliser: http://jsfiddle.net/94VKa/.
Une autre approche:
JS Fiddle démo.
Références:
Array.le prototype.indexOf()
.document.getElementById()
.EventTarget.la méthode addEventListener()
.