jQuery - Modifier un attribut

jQuery – Modifier un attribut

Exemple: remplacer une image par une autre en changeant l’attribut src

HTML


<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>



<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>

Javascript


$("#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");
})



$("#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");

})

Jsfiddle

Publier 2 mai 2014 par Michel PIALLIER dans jQuery - Modifier des éléments Commentaires fermés