jQuery – Modifier un attribut

<img id="img" src="https://michelpiallier.info/blog/ressources/fleurs/fleur1.jpg" alt="fleur1" width="150">
<button id="bt2">Fleur 2</button>
<button id="bt3">Fleur 3</button>
<button id="bt1">Fleur 1</button>

Zoom

$("#bt2").on("click",function(){
		$("#img").attr("src","https://michelpiallier.info/blog/ressources/fleurs/fleur2.jpg");
})
$("#bt3").on("click",function(){
		$("#img").attr("src","https://michelpiallier.info/blog/ressources/fleurs/fleur3.jpg");
})
$("#bt1").on("click",function(){
		$("#img").attr("src","https://michelpiallier.info/blog/ressources/fleurs/fleur1.jpg");
})

Zoom

Testez vos propres exemples sous Jsfiddle. Cliquez ici