码迷,mamicode.com
首页 > Web开发 > 详细

js解决img标签加载失败显示默认图片

时间:2018-09-26 17:16:12      阅读:858      评论:0      收藏:0      [点我收藏+]

标签:rip   遍历   ror   his   事件   jquery   加载   标签   注意   

问题:

  为所有显示楼盘的页面添加一个加载失败的默认图片.

基本思路:

  img标签中有个onerror属性,专门用来处理加载失败的事件.所以可以用jquery添加onerror属性,在onerror中加载默认图片.

$(function(){
	//注册加载失败事件,再次加载时先重新设置url,在清空原先的注册加载失败事件
	$("img").attr("onerror","this.src=‘img/error.jpg;this.onerror=null;‘");
	//遍历img标签,再次重新加载
	$("img").each(function(){
		this.src = this.src;
	});
	
});

  注意:在页面加载的时候添加,并且添加完成后清空onerror,否则会一直循环请求.

 

js解决img标签加载失败显示默认图片

标签:rip   遍历   ror   his   事件   jquery   加载   标签   注意   

原文地址:https://www.cnblogs.com/lishuaiqi/p/9707587.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!