javascript - 在 Javascript 中优雅地预加载图像(无需任何 JS 库)?

标签 javascript image src preloading

我有一个设置了 src 属性的图像。

我想替换图像,但与服务器的连接速度很慢,并且加载新图像所需的时间不可忽略。

是否可以创建内部 Image 对象,在其上设置“onLoadListener”类型,加载图像,然后将其设置为原始图像 src 属性?

最佳答案

您可以像这样在 JavaScript 中预加载图像...

myImage = new Image();
myImage.onload = function () { alert("Loaded"); };
myImage.src = "logo.gif";

您可以放置​​在页面上弹出图像的逻辑,而不是发出警报。

关于javascript - 在 Javascript 中优雅地预加载图像(无需任何 JS 库)?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3924858/

相关文章:

Javascript 函数不适用于所有元素

php - 用 PHP 获取 img src

javascript - 查询 MongoDB 中以纯文本形式存储且格式为 YYYY-MM-DD 的日期

javascript - 单元格背景颜色不改变javascript

php - 在 php 字符串中指定图像高度和宽度

sql-server - 使用 Access 和 SQL Server 高效存储图像

javascript - 如何获取html代码?Jquery html() 和 outhtml prop 不是我想要的

javascript - 使用html5的游戏-有时间限制的角色跳跃

jquery - 从链接创建图像

javascript - 无法在 JavaScript 中设置 null 的属性 'src'