jQuery reveal - 기본 이미지

Question

링크를 클릭 할 때 이미지를 DIV에로드하는 jQuery의 공개 기능이 있습니다.

$(function(){ 
jQuery(".gallery-item a").click(function(evt) { 
    evt.preventDefault(); 
    jQuery("#imageBox").empty().append(
     jQuery("<img>", { src: this.href}) 
    ); 
}); 
}); 

페이지가로드 될 때 이미 사업부의 이미지가 있도록 기본 이미지를 추가 할 수있는 방법이 있습니까?

Answer 1

$(function() { 
    $(".gallery-item a").click(function (evt) { 
     evt.preventDefault(); 
     var box = $("#imageBox").html('<img src="default.jpg" />'); 

     $("<img>", {src: this.href}).load(function() { 
      box.empty().append(this); 
     }); 
    }); 
}); 

Answer 2

이 시도 :

이미지의 URL은 "데이터 urlimage"태그 "는"

가 속성에 있다고 가정하면 코멘트

$(function() { 
    jQuery(".gallery-item a").click(function(evt) { 
     jQuery("#imageBox").empty().append(
      jQuery("<img />", { src: $(this).attr("href") }) 
     ); 
     return false; 
    }); 
});​ 

편집

Html :

<div class="gallery-item"> 
<a data-urlimage="/img/myimage.jpg" href="#">click here</a> 
</div> 

자바 스크립트 :

$(function() { 
    jQuery(".gallery-item a").click(function(evt) { 

     var img = new Image(); 
     img.src = $(this).data("urlimage"); 
     img.onload = function(){ 
      jQuery("#imageBox").empty().append(img); 
     }; 

     return false; 
    }); 
});​ 

see image events

편집 : 더 나은 개체 "이미지"를 만들