2012-03-21 1 views
0

내 페이지에 사진 모음이 생기고 복제 이미지 onclick으로 새로 고쳐야하는 showImage div 아래에 엄지 손가락으로 저장합니다. 기본적으로 첫 번째 이미지으로이 showImage div onpage로드를 채우고 이미 작동하는이 onclick 복제본을 사용해야하는 것을 제외하고는 모든 것이 정상입니다.페이지에서 불러 오기 사진 모음의 첫 번째 이미지

<a href="/Property/GetImage/someIntId"> 
    <img id="someIntId" class="details" width="100" height="100" src="/Property/GetImage/7" alt=""> 
</a> 

function onPopUp() { 
     $(".details").click(function (event) { 
      //clone the clicked image 
      var clone = $(this).clone(); 
      clone.height("250px").width("280px"); 
      //place it in the placeholder 
      $('div#showImage').html(clone); 
     }); 
    } 

답변

1

아마도이게 당신이 원하는 것입니까?

http://www.w3schools.com/jsref/event_body_onload.asp

<html> 
<head> 
<script type="text/javascript"> 
function onPopUp() { 
    $(".details").click(function (event) { 
     //clone the clicked image 
     var clone = $(this).clone(); 
     clone.height("250px").width("280px"); 
     //place it in the placeholder 
     $('div#showImage').html(clone); 
    }); 
} 
</script> 
</head> 

<body onload="onPopUp()"> 
<a href="/Property/GetImage/someIntId"> 
    <img id="someIntId" class="details" width="100" height="100" src="/Property/GetImage/7" alt=""> 
</a> 
</body> 
</html> 

또는, 당신은 jQuery를 사용합니까?

$(document).ready(function(){ 
    function onPopUp() { 
    $(".details").click(function (event) { 
     //clone the clicked image 
     var clone = $(this).clone(); 
     clone.height("250px").width("280px"); 
     //place it in the placeholder 
     $('div#showImage').html(clone); 
    }); 
} 
}); 
+0

네, body onload가 필요하지만 그 전에는 첫 번째 이미지를로드하기 위해 전달해야하는 모든 컬렉션에서 첫 번째 이미지 ID를 알아야합니다. 어쨌든 감사합니다. – BobRock

+0

PHP를 사용하고 있습니까? 또는 순수한 html & js? – Kyle

+0

아니, C#, 여기에 업데이트 된 질문을 사용하고 있습니다 [link] http://stackoverflow.com/questions/9803927/jquery-clone-image – BobRock

관련 문제