灯箱问题

Question

好的，当我尝试在页面上使用它时，我下载了所有文件并将它们放入名为“lightbox”的 m 服务器上的目录中，图像弹出在页面底部，而不是像模态一样重叠。我更改了 lightbox.js 文件中的图像源以包含 lightbox/ 目录。 css 文件中的图像仍然与 css 文档相关。所以我不确定为什么它不能正常工作。这是页面的链接Clicky

有人知道我做错了什么吗？

谢谢！！

更新位于灯箱目录内的文本页面：clicky 工作正常。所以我很确定这种情况正在发生，因为我将文件放在服务器上的文件夹中，而不是仅仅放在服务器上，但我想保持文件井井有条，所以如果有人知道如何让它在目录中工作？

Answer 1

js文件中有一些图片路径。你可以在那里修改它们......或者更好的是在 lightbox.js 脚本之前添加它

<script type="text/javascript">
LightboxOptions = {
    fileLoadingImage: '/lightbox/images/loading.gif',     
    fileBottomNavCloseImage: '/lightbox/images/closelabel.gif'
};
</script>

<script src="js/lightbox.js" type="text/javascript"></script>

Answer 2

这很愚蠢，但我为 javascript 文件输入了正确的地址，但我为 CSS 文件输入了不正确的地址，在更正它可以工作之后。