试图找出如何使用Lightbox JS

Question

我正在尝试使用LightBox JS（我已经检查了bootstrap中的模态框，但它似乎有一个我无法适应客户要求的结构），我的灯箱JS是它可能更好的工作，但是如果有什么东西有更好的东西我需要...请告诉我！当用户点击按钮时，客户需要一个灯箱（实际上是带有锚标签的跨度），然后，在同一个窗口中，这个灯箱需要覆盖整个文档，灰色背景为半透明度（以便继续看到内容）主页面），然后lightBox必须看起来像一个笔记本（左侧有洞....网格页....）所以我必须能够自定义它。然后，在＆＃34;笔记本页面内＃34;它需要是一个图像的滑块。

尝试使用灯箱我没有得到任何有用的结果;

这是我的按钮：

<a href="#" rel="lightbox" data-toggle="lightbox"><span class="viewMorePs">SKETCH IDEAS</span></a>

我读过他们把href =＆＃34;＃someurl＆＃34;或者href =＆＃34; someurl＆＃34;，这是我的第一个疑问，如果我想在同一个窗口中使用灯箱，我还需要输入什么？

然后......我在哪里为灯箱添加内容????

所以到目前为止我的代码。如果我检查元素，我看到它创建一个id为lightBoxDetails的div，但它在物理上在哪里？然后，如果我添加到这个#lightBoxDetails显示：block！important出现：

但我不知道如何添加我自己的内容或如何管理它，然后，另一个问题......如果这个lightBox是一个ID ......这是否意味着我不能拥有一个灯箱每个按钮？ （我有一个容器，有3个按钮，所有这些按钮都需要不同的灯箱）。

如果有人成功使用它，请联系我们！

非常感谢