燈箱顯示加載框在頁面末尾

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文件。我通過刪除一個引用來解決問題。