Posted on 2010/02/17 15:08
Filed Under Development/AJAX

일반적으로 웹사이트 작업을 하다보면 노이미지 처리가 필요한경우가 있습니다. 쇼핑몰을 예를 들면 해당 이미지가 없거나 하는경우의 처리인데요 이게 몇개 정도면 문제가 없지만 많을경우 성능에 심각한 영향을 줍니다. 하지만 자바스크립트로 오류를 체크할수 있는데 jQuery로 하면 매우 간단합니다.
다음을 보시면
$(function() {
	$('img').error(function() {
		alert('before');
		$(this).attr('src', 'no-image.png');
	});
});
이미지가 오류가 있는경우 no-image.png로 대체하라 입니다. 머 텍스트등으로 대체할수도 있구요 그경우
$(this).replaceWith('
no image
');
으로 처리할수 있습니다. 한방에 처리할수있으니 편리하죠 ^_^
2010/02/17 15:08 2010/02/17 15:08

트랙백 주소 : http://www.takeone.pe.kr/trackback/269

Counter

· Total
: 361235
· Today
: 55
· Yesterday
: 89