在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中，我也有相应的选择，可以修改答案以适合。