如何在此处将点击灯箱添加到div img?

时间:2018-10-22 07:45:41

标签: javascript html css

我有一个script,可以通过 onclick方法

将图像加载到div

我尝试过,但是我无法在此处插入JavaScript代码。

如何在此处添加href灯箱?参加img吗?

var str = "<img src='" + name + "' >";
document.getElementById("bigview").innerHTML = str;

1 个答案:

答案 0 :(得分:0)

让我们假设您的灯箱脚本使用了“灯箱”类,那么您将不得不修改脚本并包括一个包含该类的<a>链接。我再说一遍,这取决于您的灯箱脚本使用的逻辑(它可以在标签上添加类,也可以在实际标签上添加类)。

您将不得不在脚本中替换它:

var str = "<img src='" + name + "' >";

与此:

var str = "<a href='" + name + "' class='lightbox'><img src='" + name + "' ></a>";

我还假设您的HTML中有一个这样的元素:

<div id="bigview"></div>