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

标签 javascript jquery css xhtml

预加载图像的最佳方法是什么 <img>为什么?我想在链接悬停时显示图像 我不能在 CSS 背景中使用图像,所以我不能使用 CSS Sprite 。但我想在页面加载时预加载所有图像。添加为 <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'

关于javascript - 预加载图像 <img> 的首选方法是什么?为什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3482018/

相关文章:

javascript - 如何让内容框自动滑动

javascript - HTML 编码的字符串可以转换为 JSON 吗?

javascript - 如何在文本框中添加 "view:source"选项?

javascript - 如何在当前单击的按钮旁边附加用户名?

javascript - 在缩放的 HTML5 Canvas 上绘图

javascript - 如何让 jquery 循环 json 数据结果来创建两列表

javascript - 如何使用 Javascript 中的 execCommand 将 "id"设置为标签?

html - 如何防止 flex box 随内容增长

html - 位置为 : relative 的 CSS z-Index

html - 并排显示的两个表格的 TD 高度相同