0

5 つ以上の使用可能な画像のいずれかを押すと、別の画像が取得され、クリックした画像のソースとなる関数を作成したいと考えています。これは、画像をクリックすると、フレームが開き、その画像がより大きなサイズで表示されるようにするためです。

これは小さな画像コードです:

<img src="Media//Gallery//img_1.jpg" onclick="showLarge();" alt="Gallery Image 1" />

そして、これは、表示される小さな画像のソースを取得する必要がある他の画像の空白スペースです。

<img name="largeImage" src="Media//Gallery//Image_1.jpg" alt="Large Image" />

これまでのところ、これは私のJavaScript関数です:

<script type="text/javascript">
    function showLarge() {
    var largeFrame = document.getElementById("zoomedIn");
    largeFrame.style.visibility='visible';
    }
</script>

ありがとうございました！！

4

3 に答える 3

1 
<img src="Media//Gallery//img_1.jpg" onclick="showLarge(this);" alt="Gallery Image 1" />
<script>
function showLarge(img)
{
    var largeFrame = document.getElementById("zoomedIn");
    largeFrame.style.visibility='visible';
    var largeImage = document.getElementById('ID_OF_LARGE_IMAGE');
    largeImage.src = img.src;
}
</script>

これがあなたが欲しかったものだと思います。

于 2013-05-31T09:06:29.290 に答える