图片加载失败时展示默认图片
2017-11-20 11:45
204 查看
HTML:
<img src='${defalutImg}' data-src="${fileDomain }/images/${poi.firstPic}" width="90" height="66" />
JS:
/**
* 图片加载成功时,将默认图片替换为真实图片
*/
function imgNetPing() {
$('img').each(function() {
var _this = $(this);
//真实的图片路径
var imgurl = _this.attr("data-src");
//判断是否加载成功
var netPing = new Image();
netPing.onload = function() {
//替换为真实图片
_this.attr("src", imgurl);
};
netPing.src = imgurl;
})
}
<img src='${defalutImg}' data-src="${fileDomain }/images/${poi.firstPic}" width="90" height="66" />
JS:
/**
* 图片加载成功时,将默认图片替换为真实图片
*/
function imgNetPing() {
$('img').each(function() {
var _this = $(this);
//真实的图片路径
var imgurl = _this.attr("data-src");
//判断是否加载成功
var netPing = new Image();
netPing.onload = function() {
//替换为真实图片
_this.attr("src", imgurl);
};
netPing.src = imgurl;
})
}
相关文章推荐
- 前端页面图片加载失败显示默认图片
- 如果图片加载失败,显示默认图片
- jQuery图片加载失败替换默认图片方法汇总
- 当图片加载失败或者没有的情况下显示默认图片
- 使用jquery给加载失败的img元素显示默认图片
- Jquery判断页面图片是否加载失败,加载失败则显示默认图片
- JS图片加载失败用默认图片代替
- FLEX中加载图片失败时自动加载默认图片.
- js中图片加载失败,显示默认图片
- img 加载网络图片失败 显示默认图片
- angularjs 图片加载失败时,加载默认图片
- JavaScript判断图片是否能够加载,失败则替换默认图片
- 网页图片加载失败,用默认图片替换
- 图片加载失败或默认图片
- img src加载失败给默认图片(默认图片加载失败不冒泡)
- JS处理img标签加载图片失败,显示默认图片
- html图片加载失败时显示默认图片
- ionic 图片加载失败,显示默认图片代替
- img 加载网络图片失败 显示默认图片的方法
- 图片加载失败,显示默认图片