如何让网页上的失效图片,显示默认缺省图片
2013-06-25 19:20
288 查看
2009-06-02 11:57
这时可以通过js来判断图片是否加载成功,如果未加载成功,则加载默认图片用以提示该图片不存在。
那怎么做呢?
其实这个方法很简单,就是“onerror”事件,当图片未加载成功时,就会触发该事件。
触发该事件后,可以写个语句,让img标签创新加载默认图片来替换显示不了的图片。
具体事例
<img src="原图片地址" onerror="this.src='默认图片地址';">
这样就Ok啦
如何让网页上的失效图片,显示默认缺省图片。
做网页图片展示的时候,当图片不存在时网页上的图片位置会显示一个红x,这看起来多不好啊。这时可以通过js来判断图片是否加载成功,如果未加载成功,则加载默认图片用以提示该图片不存在。
那怎么做呢?
其实这个方法很简单,就是“onerror”事件,当图片未加载成功时,就会触发该事件。
触发该事件后,可以写个语句,让img标签创新加载默认图片来替换显示不了的图片。
具体事例
<img src="原图片地址" onerror="this.src='默认图片地址';">
这样就Ok啦
相关文章推荐
- 如何让网页上的失效图片,显示默认缺省图片
- 网页 失效图片 显示 默认 缺省 图片
- <img>标签链接地址失效如何自动显示默认图片
- [Django]静态文件:如何在网页中显示图片,css,js等静态文件
- [Django]静态文件:如何在网页中显示图片,css,js等静态文件
- [转帖]如何将一张图片写入数据库SQL,并能正确在C#网页中显示
- 如何修改手机端分享网页给微信好友和朋友圈显示的图片和标题
- 网页图片显示错误,显示默认图片
- C# asp中,如何把二进制图片流转换成图片,并显示在网页上的一些注意事项
- 如何让网页背景图片完整显示
- <img>标签链接失效显示默认图片
- <img>标签链接失效显示默认图片
- 如何提高网页中图片显示的用户体验(附源码下载)
- 网页中图片路径错误时显示默认图片方法
- 如何在窗体编程和网页编程中按图片比例显示缩放后的图片(.net 2005)
- 网页设计[显示站点信息的导航及如何用CSS来控制图片大小]
- HTML技术:如何在网页中图片的随机显示
- 微信小程序image组件binderror使用例子(对应html、js中的onerror) ,图片失效显示默认图片
- 如何提高网页中图片显示的用户体验(附源码下载)
- 如何将ROS发出的图片消息在Qt Ceator的界面显示出来?