灯箱未从样式表中提取

Question

因此，灯箱适用于我的 page，但它不响应样式表文件 lightbox.css 中所做的任何更改。然而，当我删除对该文件的引用时，灯箱停止工作，所以它显然被调用了。

在页面代码中，调用样式表的方式是：

    <link href="../css_javascript/lightbox.css" rel="stylesheet">

jquery 被调用：

    <script src="../css_javascript/lightbox-plus-jquery.js"></script>

真的不知道从这里可以做什么。我真的只是想摆脱图像 # 计数，并且在页面代码中调用 lightbox.option 也不起作用。

不确定最需要什么信息才能让我走上解决方案。

谢谢！

Answer 1

如果您想隐藏 "image 1 of 4" 文本，它不是在 CSS 中完成的，而是在灯箱的 javascript 选项中完成的。在 <script src="../css_javascript/lightbox-plus-jquery.js"></script>:

之后将其添加到您的页面

<script>
lightbox.option({
  'showImageNumberLabel': false
})
</script>

此外，您的 Lightbox.css 文件未加载导航图像，即灯箱使用的加载和关闭图像。

body:after {content: url(../images/close.png) url(../images/loading.gif) url(../images/prev.png) url(../images/next.png);
  display: none;
}

它们需要位于 "css_javascript" 文件夹的上一级文件夹中。

Lightbox Not Pulling from Stylesheet