使用ajax缓存图像

Question

我网页的div内容动态变化。动态html中使用的图像目前在服务器上。当div的内容发生变化时，我可以用任何方式来获得更好的体验

Answer 1

您可以在onLoad事件中预加载图片，以获得更好的效果。要预加载图像，请使用Image对象：

var anImage = new Image(width, height);

上面在内存中创建了一个属性为空的对象。但是，您可以将图像URL分配给对象的src属性：

var anImage = new Image(100, 200);
anImage.src = "imageFile.gif";

然后，您将此存储图片的src属性分配给页面中显示的src元素的<img>属性：

document.images["someImage"].src = anImage.src; // preloaded image