灯箱：Highslide和Colorbox

Question

我正在使用的主要是Highslide，但我现在都试过了。

我的问题是，当灯箱窗口中弹出选定的图像时，背景不会褪色。

我同时尝试过Highslide和Colorbox。我也尝试过所有浏览器，并且所有浏览器都发生了同样的事情。

Highslide是我的偏好。我有highslide.js和highslide.css都链接到我的页面没有错误。我使用<a>链接进行了高速滑动，它工作得很好。除了选择时背景的半透明褪色之外，所有这些都没有发生。

任何可能导致此问题的想法？

Answer 1

您遇到语法错误。 HTML中的脚本标记不是自动关闭的。你不能这样做：

<script type="text/javascript" src="/assets/js/highslide-full.min.js" />

必须是：

<script type="text/javascript" src="/assets/js/highslide-full.min.js"></script>

您应始终通过验证程序运行页面以捕获此类内容。它可以节省你几个小时的调试！

修复错误后，请确保加载了highslide.css（可能只是紧接其前面的语法错误，导致阻止加载highslide.css）。

Answer 2

确保你使用的是highslide-full.js，而不仅仅是highslide.js，它只是完整脚本的一个子集，并且不包括你所追求的背景调光。然后在Highslide配置中，将调光不透明度设置为0（无调光）至1（完全黑色）的值：

hs.dimmingOpacity = 0.75;

如果它仍然不起作用，指向您网页的链接会有所帮助。