点击小图像和覆盖更大的图像

我有几个图像在网格中。当我点击它们时，我希望每个图像都覆盖全屏。我在那里有这个JavaScript，但是当我点击图像时，叠加层就是抓图上的最后一个图像。我应该如何解决这个问题？点击小图像和覆盖更大的图像

我用这一点，但我有几个图片：

的只有从这个矿不同的是，它是在另一个DIV为把它放到网格中的另一个的JavaScript。

HTLM：

<div class="brick"> 
<div class="overlay"></div> 
<div class="overlayContent"> 
<img class="imgBig" src="img/Scan.jpg" /> 
</div> 
<img class="imgSmall" src="img/Scan.jpg" height="345"> 

</div>

来源

2014-11-23 Paulina Paulino

http://jsfiddle.net/a8c9P/192/这是你想要的吗？ – Cattla 2014-11-23 06:56:17

@Cattla这是我所拥有的。我必须将它保存在freewill div中，因为它运行着别的东西。我知道它没有显示或工作http://jsfiddle.net/PaulinaPaulino/4pvc5h0j/ – 2014-11-24 02:32:17

check out this

你想这个？ http://jsfiddle.net/Lqsmr4bu/

来源

2014-11-23 07:21:50

是的，这是我想要的，我试过了，它没有显示覆盖图像。我几乎不知道JavaScript或jQuery，但为什么imgBig是空的？ @sarath – 2014-11-24 02:07:50

是你的问题解决？你在问代码的工作吗？ – 2014-11-24 04:04:17

我做了你展示给我的东西，但它不起作用。这是我的东西有点像。 http://jsfiddle.net/PaulinaPaulino/4pvc5h0j/ – 2014-11-24 05:53:48

点击小图像和覆盖更大的图像

回答

相关问题