jquery이미지 로드,로드완료후 함수호출
페이지 정보
작성자 홈피사랑 작성일14-07-15 11:50 조회20,055회 댓글0건관련링크
본문
아래 코드는 페이지가 로드된후 이미지를 로드하고 이미지가 완전히 로드된후 동작을 수행할수 있는 간단한 방법입니다.
이미지 갯수및 용량이 많을때 여러개의 이미지를 순차적으로 불러올때, 이미지 로드후 어떤 동작을 수행 할때 유용하게 사용됩니다.
예제코드
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>홈페이지제작업체 - 홈피사랑 HOMPYLOVE</title>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
$(".box").append("<img src='img01.jpg'/>").find("img").load(function(){loadComplete();});
});
function loadComplete(){
alert("imgload");
}
</script>
</head>
<body>
<div class="box">
</div>
</body>
</html>
예제링크
댓글목록
등록된 댓글이 없습니다.
