set img src from already loaded to browser src without querying a host for this again with jquery

Question

I want to change an img src with jquery, without pulling an image from server again.

I do it with next chunk of code:

  var img = $(this).find('img');
  $('#preview .modal-body img').prop('src',img.prop('src'));
  $('#preview').modal();

But browser is trying to pull this image from a server again. how i can avoid it ?

If the src is the same, and assuming you have set your headers correctly, it won't go back to the server - it should hit your browser cache instead — sazh, Mar 22 '12 at 19:24
it touches a server about last modified header. and uses cache if not modified. — RusAlex, Mar 23 '12 at 09:03

score 0 · Answer 1 · answered Mar 22 '12 at 20:14

0

maybe you can replaceWith I havent tested...

var img = $(this).find('img');
$('#preview .modal-body img').replaceWith(img);
$('#preview').modal();

answered Mar 22 '12 at 20:14

Johnny Craig

but replace with is removes old element. my task doesn't need that – RusAlex Mar 23 '12 at 12:34
your task needs to access an image without an HTTP request.. this should do it. – Johnny Craig Mar 23 '12 at 15:08
but i don't need to remove the original img – RusAlex Mar 24 '12 at 09:16

1 Answers1