预加载图像<img>的首选方法是什么？为什么？

问题描述：

预加载图像<img>的最佳方法是什么？为什么？我想在链接的悬停上显示图像，我不能在CSS背景中使用图像，所以我不能使用CSS sprite。但我想在页面加载时预加载所有图像。它们被添加为<img>。预加载图像<img>的首选方法是什么？为什么？

答

您可以使用JavaScript中的Image（）对象预加载图像，然后在准备就绪时将其交换。这里的HTML：

<img name="img01" src="regular_image.jpg">

然后在JavaScript：

my_img = new Image(); 
my_img.src = "swap_image.jpg";

这将对图像中的缓存。当你换入时，你可以拨打：

document.img01.src='swap_image.jpg'

但我有多个图像。 – 2010-08-14 06:29:37

这个想法是，您可以通过创建一个Image对象然后设置其来源来预加载图像。如果你有多个图像，那么你可以创建多个图像对象。或者，如果要将它们追加到文档而不是交换，则可以创建''元素。 – syockit 2010-08-14 14:30:18

预加载图像的首选方法是什么？为什么？