Javascript 使用html和css单击按钮图像时，如何使用按钮图像获取按钮图像源

我用html和css创建了一个带有按钮的图库。目前已经开始学习javascript，所以希望不用它也能做到这一点。我试图在单击按钮后在新窗口中打开全屏图像。我试图使每个按钮的来源出现在新窗口中，一旦按钮被点击。我有50多个按钮图像，所以我想知道是否有办法获得在新窗口上单击并全屏打开的每个图像的来源

这是我的图片按钮库

这是图库的html代码

---

首先，您不必使用按钮在图像上放置单击事件。我创建了一个示例，您可以单击一个图像并将其URL传输到另一个地方。这和你需要的原则是一样的。这是一个jQuery解决方案

下次，把你的代码贴在这里，而不是图片

JSFiddle：

$（“img.btnImage”）。在（“单击”，函数（）上{
$（“#selectedImage”）.html（“”）；
});
#选择图像，#选择图像img{
宽度：100%；
明确：两者皆有；
}
.B.图像{
浮动：左；
}

未选择图像
改为使用按钮链接

<a target="_blank" href="/assets/RaveCandy/picName.gif">
  <!-- image tag as usual -->
</a>


正如您所说的“我试图在单击按钮后在新窗口中打开全屏图像”，因此您不需要在此处使用按钮

只是以更广泛的方式使用锚定标记。使用
target=“\u blank”
在新窗口中打开链接的
src

使用
img
tag代替锚定标记内的文本链接

<a target="_blank" href="klematis_big.htm"><img src="klematis_small.jpg" alt="Klematis"></a>



这是一个有效的例子，你可能会喜欢它
 把你的代码放在这里…………欢迎来到Stackoverflow，请阅读这篇文章。你所有的图片都是按钮的原因是什么？你的截图看起来就像一个普通的图库页面。