JQuery cambie el valor de <img src="" by ID

Question

Necesito un código JQuery simple para poder cambiar el valor src de un img específico.

En la actualidad es:

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

y necesito cambiarlo a:

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

usando jQuery.

Answer 1

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

que puede utilizar:

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

para cambiar la imagen fuente de inmediato.

---

Alternativamente, puede utilizar animaciones jQuery para cambiar una imagen.

JS

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

HTML

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

(No se olvide de cambiar el CSS de #id2 y poner display: none como estado inicial).

Answer 2

usted podría utilizar la función .attr() para establecer los atributos de determinado elemento DOM:

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

Answer 3

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

Answer 4

Eso es elemental, usar jQuery attr ...

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

Answer 5

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