制作带有照片列表的弹出窗口或对话框窗口

Question

我想创建一个带有照片列表的对话框/弹出窗口（目前我正在尝试使用smartPhoto.js来实现，但存在一些问题）。单击该照片后，这些照片应该会变大。

您对如何实施有任何想法？任何帮助表示赞赏

Answer 1

从新页面窗口中的占位符div开始。

设置div的样式，使其没有display：none，并占据了大部分屏幕。您甚至可以给它一个透明的黑色背景，并且可以说，当您单击链接或缩略图时，该div就会出现，并且可以通过div上的onclick事件将带有javascript的照片放进去。

确保同时更改div的z-index。

最后，由于这都是在弹出窗口中发生的，因此您只需要一个带有target = _blank的链接即可在弹出窗口中显示页面的内容。