单击小图像和叠加更大的图像

时间:2014-11-23 06:45:47

标签: javascript jquery html css image

我在网格中有几个图像。我想让每个图像在点击它们时叠加到全屏。 我在那里有这个javascript,但是当我点击图像时,覆盖的是手柄上的最后一个图像。我该如何解决这个问题?

我正在使用它,但我有几张图片:

http://jsfiddle.net/a8c9P/

我唯一的区别在于,它是另一个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>

1 个答案:

答案 0 :(得分:1)

check out this
你正在尝试这个吗? http://jsfiddle.net/Lqsmr4bu/