小賴的實戰記錄

預設圖片，看網路上，大部分的解為，載入後發現不存在，則顯示預設圖片，

但會有載入很久的狀況，所以也要先顯示預設圖片。

所以這個作法，就會需要在img先做一個小技巧，我個人的做法會是，先在src擺上預設圖片，再data屬性上擺上欲下載的圖片

<div>
	<img class="main_img" src="/images/default.jpg" data="YOUR Image" >
</div>

<script>
	$(function(){
		$('.main_img').each(function(){
			var src = $(this).attr('data');			
			$(this).attr('src',src);	
			$(this).on('error',function(){
				$(this).attr('src','/images/default.jpg');
			});
		});
	});
</script>