灯箱显示装载框​​在页面末尾

Question

我第一次使用Lightbox，它正在为我的图像工作。但是，出于某种原因，我在页面末尾显示一个奇怪的框，显示加载图标，即使那里不应该有图像。

图片：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那里的firebug）右键单击inspect元素，转到资源选项卡并展开框框，直到您看到列表中的所有图像，脚本和样式表。如果找不到其中一个，它会告诉您。

Answer 2

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