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

Question

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

Answer 1

您可以使用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'