Change <img /> image with JavaScript Image object

Question

I have a JavaScript Image object that I load dynamically with jQuery.

What I want to do is change a <img /> image with one stored on my Image object. How should I do this?

Note: I want to avoid changing the source of my <img /> tag as it downloads it again from the server, and I already have the image stored in my image object

Answer 1

You mean

$('#imageToChange').replaceWith(imageObject)

?

Answer 2

New Image object:

var Image_off = new Image();
Image_off.src = 'first.jpg';

image src change with jQuery:

$("#my_image").attr("src",Image_off.src);

Answer 3

With jQuery... have both images already on your page and show or hide either one, based on a logical condition.