图片不存在时显示一个默认的图片实现方法,一般情况下我们是没有图片就是程序判断加个判断图片,如果没有加我们可以使用其它办法来解决,有需要的朋友可参考参考.
img标签src对应的图片不存在,显示一个默认的图片.
最简单的方法,代码如下:
- 《img src="abc.JPG" onerror="this.src='default.JPG'" /》
但这个方法有一个弊端,就是当default.jpg也不存在时,网页就会死循环.
JS代码如下:
- function imgError(obj){
- obj.src='/error/images/filmthum_err.gif';
- obj.onerror = null;
- }
- function imgLoading(obj) {
- obj.nextSibling.style.display='none';
- obj.style.display='block';
- }
HTML代码如下:
- <img src="${Image}" onerror="imgError(this);" alt="${imgName}" onload= "imgLoading(this);"/><div> loading... </div>
CSS代码如下:
- img {
- border: 1px solid #CFCFCF;
- overflow: hidden;
- height: 141px;
- padding: 2px;
- width: 115px;
- display:none;
- }
- .imgLoading {
- border: 1px solid #CFCFCF;
- height: 141px;
- overflow: hidden;
- padding: 2px;
- width: 115px;
- background: url('/images/loading.gif') center center no-repeat;
- display: block;
- }
-
