0

我想从 div 内的表格行中显示选定的图像。我正在使用 for 循环来填充表格，但现在我发现很难在 div 内显示所选图像，因为 id 是动态的。这是我的 for 循环

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 内容中显示这些图像。

4

1 回答 1

0

如果我理解正确，表格将具有动态的唯一 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 中，我也有一些东西，可以修改答案以适应。

于 2015-08-25T03:01:23.327 回答