灯箱显示加载框在页面末尾

Question

我第一次使用灯箱，它适用于我的图像。但是，出于某种原因，我在页面末尾看到一个显示加载图标的奇怪框，即使应该没有图像。

的图像：http://i.imgur.com/ACImB.png

在检查元素，我得到下面的HTML代码。

<div id="lightbox"><div class="lb-outerContainer"><div class="lb-container"><img class="lb-image"><div class="lb-nav"><a class="lb-prev"></a><a class="lb-next"></a></div><div class="lb-loader"><a class="lb-cancel"><img src="/z/styles/images/loading.gif"></a></div></div></div><div class="lb-dataContainer"><div class="lb-data"><div class="lb-details"><span class="lb-caption"></span><span class="lb-number"></span></div><div class="lb-closeContainer"><a class="lb-close"><img src="/z/styles/images/close.png"></a></div></div></div></div> 

关于此代码的奇怪之处在于我没有制作该div，它似乎刚被插入脚本。有谁知道这可能是什么，以及如何摆脱它？

Answer 1

这可能很容易成为您的CSS或脚本路径的问题。

如果您看看lightbox2演示，它会显示您看到的加载页面，然后将其删除以显示加载的图像。当javascript或样式表未正确链接时，它将无法正常工作。

Lightbox2网站：http://lokeshdhakar.com/projects/lightbox2/

您可以尝试使用（在Chrome，Firefox的还有萤火虫）右键单击检查元素，转到资源选项卡并展开框架箱，直到你看到的所有图像，脚本和列表中的样式表。如果找不到其中一个，它会通知您。

Answer 2

当我将Lightbox与MVC网站集成时，我遇到了同样的问题。问题是我曾提及lightbox.js和lightbox.min.js文件。我通过删除一个引用来解决问题。