I got a page which asynchronously loads multiple pictures multiple times.
What I now do is that:
$('#map').append('<div id="'+(x.ID)+'"> <img id="pic" src ="'+x.src+'"> </div>');
How can I cache this pictures best? I got about 10 pictures, and everytime there is a server interaction for each image.
They are not very big, but all I tried wasn’t very fast.
So how to cache?
UPDATE:
its not really about getting the complete image again, but Chrome seems to check everytime, wether the graphics have been modified.
Pictures are cached automatically. Please check the NET tab on your Firebug.