jquery - <IMG/> LowSrc 属性+事件?

标签 jquery html css image

< IMG SRC="pete.jpg" LOWSRC="pete2.jpg" WIDTH=364 HEIGHT=500>

(低质量版本 pete2.jpg 为 7,401 字节。 高质量版本 pete.jpg 为 48,952 字节。)

我想先显示lowsrc

然后加载完成后,开始在后台加载真正的src。

我想同时显示一个进度条。但为了隐藏/显示进度条 - 我需要 2 事件。

when LOWSRC  load event -> show progress bar
when SRC   load event -> hide progress bar

如何为 lowsrc && src 捕获 LOAD

编辑

我测试过this url

并快进图片 - 通过 fiddler,我看到有 2 张图片。一大一小。

但这让我搜索并找到了 lowsrc 属性。

这也可以在这里提供帮助....

最佳答案

根据网络上的各种来源,现代浏览器不再支持 lowsrc。至少在 Chrome 18/Windows 7 上,它似乎被完全忽略了。

它从来不是 HTML4 的一部分,nor of HTML5 , 虽然据说它仍然是 supported通过 Gecko 浏览器(我没有对此进行测试)。

最好的办法是使用两张图片,就像 Flickr 那样。

关于jquery - <IMG/> LowSrc 属性+事件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10371977/

相关文章:

jquery - (jQuery)基于检查属性的不同结果

javascript - 如何让图像填充一个div?

javascript - 如何让 karma 浏览器使用深色主题?

php - 如何让我的固定标题出现在正文前面?

python - 使用 Mechanize (Python) 输入到站点

html - 当一个 100vw 的元素在一个不居中且不全宽的容器内时,如何使它居中?

html - 在 href mailto 链接中设置正文样式

javascript - 如果已经激活 JS,则停止切换

jquery - 如何在超过最大高度后为div应用滚动条

javascript - 使用 Javascript 的云 SQL