3

我是第一次使用 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,它似乎只是被脚本插入的。有谁知道这可能是什么以及如何摆脱它?

4

2 回答 2

4

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

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

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

您可以尝试使用(在 chrome 中,对于 firefox 有 firebug)右键单击检查元素,转到资源选项卡并展开框架框,直到您在列表中看到所有图像、脚本和样式表。如果找不到其中之一,它会通知您。

于 2012-07-22T02:12:07.390 回答
1

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

于 2015-02-03T11:24:16.633 回答