3

ライトボックスを初めて使用しましたが、画像で機能しています。ただし、何らかの理由で、ページの最後に、画像が表示されていないはずなのに、読み込み中のアイコンを示す奇妙なボックスが表示されます。

画像： 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.js問題は、ファイルとファイルの両方を参照していたことlightbox.min.jsです。1 つの参照を削除して問題を修正しました。

于 2015-02-03T11:24:16.633 に答える