Question

我在我的网站上使用diy幻灯片。我尝试使用链接在叠加层（如灯箱）中打开缩略图照片的全尺寸照片，就像在下面的代码中一样，我需要使用href，因为我使用了自定义字段网站。

这是我的HTML：

<div class="slide">

<a href="http://collapsingmarket.com/wp-content/uploads/fly_1-400x566.jpg" class="full"/>
    <img src="http://collapsingmarket.com/wp-content/uploads/fly_1-211x300.jpg" class="thumbnail"/>
</a>

</div>

我不知道从哪里开始实现这个...使用jquery我猜

任何人都可以帮我这个吗？

非常感谢你的帮助

Answer 1

首先制作一个div

<div style="display:none;z-index:999;position:absolute">
    <img/>
</div>

点击首先放置的标签

e.preventdefault()

然后用

显示div

$('div img').attr('src',$(this).attr('href')).show()

根据要求，你可以给出图像的上下左右等如果需要你可以戴上面具

打开图像链接覆盖（灯箱效果）

1 个答案: