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

Jit*_*yas 4 javascript css xhtml jquery

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

Whi*_*hit 6

您可以使用JavaScript中的Image()对象预加载图像,然后在准备好时将其交换.这是HTML:

<img name="img01" src="regular_image.jpg">
Run Code Online (Sandbox Code Playgroud)

然后在JavaScript中:

my_img = new Image(); 
my_img.src = "swap_image.jpg";
Run Code Online (Sandbox Code Playgroud)

这会将图像放入缓存中.交换时,您可以拨打:

document.img01.src='swap_image.jpg'
Run Code Online (Sandbox Code Playgroud)