아약스없이 이미지로드하기

Question

<img id="Img1" class="photoBox" src="Images/DisplayImageById.ashx?number=1&userName=<%=Page.User.Identity.Name %>"/> 
     <img id="Img2" class="photoBox" src="Images/DisplayImageById.ashx?number=2&userName=<%=Page.User.Identity.Name %>"/> 
     <img id="Img3" class="photoBox" src="Images/DisplayImageById.ashx?number=3&userName=<%=Page.User.Identity.Name %>"/> 
     <img id="Img4" class="photoBox" src="Images/DisplayImageById.ashx?number=4&userName=<%=Page.User.Identity.Name %>"/> 
     <img id="Img5" class="photoBox" src="Images/DisplayImageById.ashx?number=5&userName=<%=Page.User.Identity.Name %>"/> 

아약스를 사용하지 않고 이미지가로드 될 때까지 회전 아이콘을 표시하는 방법을 찾고 있습니까? 아약스를 사용하여 이미지를로드하는 방법을 연구 중이지만 잘되지 않으므로 아약스없이이 작업을 수행하기 시작했습니다. 그게 가능하니?

도움 주셔서 감사합니다.

Answer 1

이것을 확인하십시오. 이것은 특정 요소가 귀하의 경우,로드 될 때 알려줍니다 jQuery의 load 이벤트,

http://jsfiddle.net/blackpla9ue/uJhCt/1/

$(function(){ 
    $('div img').each(function(){ 
    var thisImage = $(this); 
    thisImage.hide(0) 
      .load(function(){ 
       $(this).show(); 
      }); 
}); 

주 img

를 사용하여 수행되는이 것 ​​ 하지 일 당신이 당신의 코드를 삽입하는 경우 $(document).ready(function(){ ...}); 내부