JQuery modifica il valore di un <img src="" by ID

Question

Ho bisogno di un codice JQuery semplice in modo da poter modificare il valore src di una specifica img.

E 'attualmente:

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

e ho bisogno di cambiare a:

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

utilizzando jQuery.

Answer 1

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

È possibile utilizzare:

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

per cambiare l'immagine fonte immediatamente.

---

In alternativa, è possibile utilizzare le animazioni jQuery per modificare un'immagine.

JS

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

HTML

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

(Non dimenticare di cambiare il CSS di #id2 e mettere display: none come stato iniziale).

Answer 2

è possibile utilizzare la funzione .attr() per impostare attributi dato elemento DOM:

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

Answer 3

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

Answer 4

Questo è elementare, utilizzare jQuery attr ...

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

Answer 5

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