您的位置:首页 > 其它

图片加载失败时展示默认图片

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;
})
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: