2012-03-21 29 views
0

私のページには写真のコレクションがあります。クローンイメージonclickでリフレッシュする必要があるshowImage divの下にサムとして保存します。 基本的には、最初の画像でこのshowImage divのオンページロードを設定してから、このonclickクローンを既に使用していることを除いて、すべてがOKです。ページのクローンをロードする

<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> 

OR、あなたは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#を使用しています[リンク] http://stackoverflow.com/questions/9803927/jquery-clone-image – BobRock

関連する問題