이미지 로딩 실패했을 때 다른 이미지 띄우는 방법(onerror 이용) img에는 onerror 옵션이 있다. 이미지가 정상적으로 로딩이 되지 않을 때(에러가 났을 때!) 특정 자바스크립트가 자동으로 실행되도록 만들 수 있다! 이 원리를 이용하면 로딩에 실패했을 때 에러 표시 이미지를 띄울 수 있다. 다음과 같이 처리하면 된다!(this.src를 통해 이미지를 출력하는 원리이다!) 더보기 (jQuery) 3초 뒤에 div fadeOut시키는 방법 예를 들어 div를 3초 뒤에 fadeOut시키려면 다음과 같이 처리하면 된다.(3초의 텀을 두기 위해 delay()를 사용한다!) $('#foo').delay(3000, function(){$(#foo').fadeOut()}); 참고로 3초 동안 fadeOut시키려면 다음과 같이 하면 된다! $('#foo').fadeOut(3000); 더보기 자바스크립트 addEventListener() 초간단 예제 addEventListener()를 사용하는 것은 자바스크립트 고수로 향하는 출발점인 것 같다. 초간단 addEventListener() 예제를 소개한다. 특정 이미지를 클릭했을 때 alert()를 띄우는 소스이다! function doSomething() { alert('이미지를 클릭하셨습니다.'); } var foo = document.getElementById('image1'); foo.addEventListener('click', doSomething, false); // foo에 리스너를 추가 더보기 이전 1 ··· 10 11 12 13 14 15 16 ··· 21 다음