控件未在灯箱中显示

Question

我按照有关如何将灯箱应用到画廊页面的说明进行操作 JavaScript。单击图像时，灯箱会正确显示，在调用较大图像时会出现加载图标，并且关闭按钮会出现在图像下方应该正常运行的位置。

但是，下一个和上一个 buttons/icons 没有出现，将光标移动到它们应该在的位置上不会激活任何指针。

我试图找到任何 css 冲突，但 none 出现了。

我使用的是“lightbox-plus-jquery”js版本

如有任何建议，我们将不胜感激。

Answer 1

我通过玩一些东西并在 YouTube 上观看有关他们如何使用灯箱的各种视频 javascript 找到了自己的答案。

基本上，解决方案是您希望灯箱应用的所有图像都必须相同 DIV。我使用的是网格布局，出于某种原因，最初当我只是将图像放在同一个 div 中时，网格无法正常工作。所以我制作了一大堆 div，每个里面都有一张图片，这似乎解决了网格布局问题。当我删除所有 div 并调整 css 以匹配时，我的网格仍然存在，并且出现了上一个和下一个图标。

我猜javascript正在寻找同一个div中的其他图像，找不到任何图像，因此不显示上一个和下一个图标。

为他人提个醒。

Answer 2

灯箱新手 当我第一次设置它时... 我在一个目录中有 html 我有一个 js 目录和一个 css 我有多个文件夹（专辑）各种名称...... 将 html 调整为指向图像... 一切正常，除了没有导航图像...... 我做的研究让我意识到 脚本在图像目录中寻找这些 我在同一目录中创建了一个名为 images 的目录 作为我的 html 文件...将导航图像放入该图像目录中，然后一切正常....

Answer 3

我实际上尝试解决了同样的问题，我尝试了上述两种方法并且 none 它们都有效。所以我打开了 lightbox-plus-jquery.min 文件看看哪里出了问题。所以，我找到的解决方案是你必须将 js 文件保存在 js 文件夹中，将 css 文件保存在 css 文件夹中。（导航按钮必须按照说明放在图像文件夹中在灯箱网站）。

我刚开始从事这个项目，所以所有 html、css 和 js 文件都在同一个目录中。为他们创建了单独的文件夹，bam 就像魔术一样工作。看完功能后，我意识到灯箱网站已经声明将文件放在那些特别命名的文件夹中。