JQuery change la valeur d'un <img src="" by ID

Question

J'ai besoin d'un code JQuery simple pour que je puisse changer la valeur src d'un img spécifique.

Il est actuellement:

<img id="myImage" src="image1.gif" /> 

et je dois changer pour:

<img id="myImage" src="image2.gif" /> 

en utilisant JQuery.

Answer 1

utilisant: $(function(){ ... });

Vous pouvez utiliser:

$('#id').attr('src', 'newImage.jpg'); 

pour changer l'image source immédiatement.

---

Vous pouvez également utiliser des animations jQuery pour modifier une image.

JS

$("#id1").fadeOut(); 
$("#id2").delay(200).fadeIn(); 

HTML

<div> 
    <img id='id1' src='one.jpg'> 
    <img id='id2' src='two.jpg'> 
</div> 

(Ne pas oublier de changer le CSS de #id2 et mis display: none comme état initial).

Answer 2

Vous pouvez utiliser la fonction .attr() pour définir les attributs sur l'élément DOM donné:

$(function() { 
    $('#myImage').attr('src', 'image2.gif'); 
}); 

Answer 3

$('#myImage').attr('src','theothersrc.gif') 

Answer 4

C'est élémentaire, utilisez jQuery attr ...

$('img#myImage').attr('src', 'image2.gif'); 

Answer 5

$("#myImage").attr('src', 'image2.gif')