jquery : 일부 이미지의 "노출"이벤트를 잡을 수 있습니까?

Question

웹 페이지 내에 많은 이미지가 있습니다. 이미지가 웹 페이지에 표시 될 때만로드하고 싶습니다. jquery를 사용하면 가능합니까?

예) 이미지가 표시되면 인터넷에서 이미지를 가져 오는 기능이 호출됩니다.

<img src="book.png" alt="Book" id="book" /> 

이벤트 핸들러에 바인딩 할 수 있습니다

예를 들어, 간단한 이미지와 페이지를 고려하십시오

$(function() { 
    $('img').jail(); // done 
}); 

Answer 1

이미지 :

$('#book').load(function() { 
    // Handler for .load() called. 
}); 

이미지가로드되면 바로 핸들러가 호출됩니다.

Answer 2

사용 jQuery의 load() 기능 : jQuery의 JAIL 플러그인을 사용