可以采用onerror的属性: onerror="javascript:this.src='${base}/after/img/aifu.png'" <img id="photo" alt="" src="" onerror="javascript:this.src='${base ...
最开始的 img 图片找不到时,界面上会显示图片裂开了 这时候,我们想避免这种情况,当图片找不到时,显示一张默认图片 可以看到,图片加载出错时,会调用 onerror,将图片的 src 设置成默认图片的 src 。 图片能找到时,也能够正常显示 但是当图片加载出问题,默认图片也出问题时,会死循环 更改 onerror 设置即可解决死循环问题 所以,最终的方法就是 ...
2021-07-06 15:03 0 174 推荐指数:
可以采用onerror的属性: onerror="javascript:this.src='${base}/after/img/aifu.png'" <img id="photo" alt="" src="" onerror="javascript:this.src='${base ...
为了美观当网页图片不存在时不显示叉叉图片 当在页面显示的时候,万一图片被移动了位置或者丢失的话,将会在页面显示一个带X的图片,很是影响用户的体验。即使使用alt属性给出了”图片XX”的提示信息,也起不了多大作用。其实,可以这样处理:当图片不存在的时候,会触发onerror事件,我们可以在该事件中 ...
img标签设置默认图片 为了美观当网页图片不存在时不显示xx图片。 当在页面显示的时候,万一图片被移动了位置或者丢失的话,将会在页面显示一个带X的图片,很是影响用户的体验。其实,可以这样处理:当图片不存在的时候,会触发onerror事件,我们可以在该事件中做处理。 1、让这个图片 ...
...
1. [代码]img标签src对应的图片不存在,显示一个默认的图片 2. [代码][CSS]引用“何世友@PoQoP”童鞋的方案 ...
在 img 标签 加上onerror="onerror=null;src='123.jpg'" ,即当图片加载失败时会自动加载123.jpg ,例如 <img src="abc.jpg" onerror="onerror=null;src='123.jpg'" /> ...
在js中有onload、onerror两个事件,可在图片中加入,修改对于的src地址, 这样可改善网络差或者图片丢失时的用户体验 如下 <img src="img/3.jpg" onload="this.src='default.jpg'" onerror="this.src ...