javascript - 图像已弃用的 lowsrc 的最佳替代方案是什么?

标签 javascript html css

我想将 lowsrc 与 img 标签一起使用,以便在加载较大分辨率的图像时先显示低分辨率图像(并且速度更快)。

我的大分辨率图像是@800KB,低分辨率图像是@50KB。

鉴于 lowsrc 已被弃用并且许多浏览器显然不支持它,我正在寻找一种解决方案来做同样的事情,最好使用尽可能少的代码。

lowsrc 有什么好的替代品吗?

最佳答案

<img src="lowres.jpg" onLoad="this.src='highres.jpg'" width="?" height="?">

这个替代版本显然可以防止 Firefox 中的无限请求循环(在评论中归功于@Ultimater):

<img src="lowres.jpg" onLoad="this.src='highres.jpg';this.onload=new Function();" width="?" height="?">

关于javascript - 图像已弃用的 lowsrc 的最佳替代方案是什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27191267/

相关文章:

CSS3边框半径简写解决方案

javascript - Google Markers setVisible true/false 显示/隐藏

javascript - ajax 中的 Laravel Blade 状况

html - Div 在点击焦点上保持可见

html - 如果按钮(或 div)不适合屏幕分辨率,请将它们一个放在另一个下方

jquery - slideToggle 工作正常,除了在 IE 中,除非给出最小高度,否则 div 隐藏在最后?

javascript - Puppeteer 视口(viewport)设置在创建 PDF 时无效

javascript - 如何使用php获取选择框的数组值作为ajax函数中的数组

javascript - 打印格式无法固定在 div html 中的位置

php - 连接两个 HTML 输入并将它们插入 MySQL 数据库