在div之類的圖片庫中顯示圖片

Question

我想顯示div中表行中的選定圖像。 我正在使用for循環填充表格，但是現在我發現很難在div中顯示所選圖像，因為id是動態的。 這是我的循環

for (i=1; i < my_image.length-1; i++) {

            if (i%3==0) {

                str += "<td><a 

href='"+my_image[i]+"'onclick='displayimg()'id=/image"+my_image[i] +"/"+" class='popup-

open'><img src='"+my_image[i]+"'"+

                "width='80' height='65'></a></td></tr><tr>";

            }

            else {

                str+= "<td><a href='"+my_image[i]+"'class='popup-open'><img src=' 

"+my_image[i]+

"' width='80' height='65'></a></td>";

            }
        }

當用戶單擊時，如何在div內容中顯示這些圖像。

Answer 1

如果我正確理解您的意見，該表格將具有動態的唯一ID，但是div將是靜態的，並且將容納所選的任何圖像，就像單擊該圖像的較大視圖一樣？

如果是這樣，請嘗試...

對於javascript，請嘗試以下代碼：

function showImage(container, image)
{
    var imageTag = document.getElementById(container);
    imageTag.src = image;
}

在您制作的表格中，針對標記中的onclick方法

<img onclick="showImage('IDofTheImageTagToRenderImage', this.getAttribute('src')" />

這樣，您就不需要知道哪個ID可以保存圖片，您只需擁有src信息，就可以將其傳遞給javascript方法以填充要顯示所選圖片的div的圖片標簽。 因為（據我所知）那將是該div的靜態ID值，而不是動態生成的值。

如果您將其放置在彈出式div中，我也有相應的選擇，可以修改答案以適合。