lightboxで画像が上手く表示されない

Question

###前提・実現したいこと
lightboxで画像の拡大表示をさせたいです

###発生している問題・エラーメッセージ
画像をクリックすると、背景が暗くなるところまでは表示されるのですが、
本来画像が映るはずの場所が、全面に白く広がり、上手く表示されません。
【追記】
こんな感じになります。

ドリームウィーバーで作成していますが、エラーメッセージはありません。
Googleの検証もしてみましたが、特にエラーは表示されませんでした。

###該当のソースコード
<a href="img/01/image.png" data-lightbox="sample">
<span class="cover" style="background-image: url('img/01/image.png')"></span></a>

###試したこと

<script language="javascript" type="text/javascript" src="js/lightbox.js"></script>

上記を</body>の上に置きました。
他に何をすれば良いのかわかりません。

###補足情報(言語/FW/ツール等のバージョンなど)
jquery-3.1.0.min
Lightbox2 バージョンは多分2.8.2だと思います

【追記】
ディレクトリ構成
HTML
┣js
┗lightbox.js
┗jQuery.js
┣img
┗01
┗画像.png
わかりづらかったので移動させました。

【追記2】
kei344 様
lightboxとjQueryは、一度違う所に保存し、そこから必要なファイルを
コピーして今の場所へ持ってきました。質問の意図と違う答えでしたらすみません。

言葉が足らず申し訳ありません。見ていただいた方がはやいと思い、
問題のページをコピーしてサンプルページを作りました。ご確認頂けると幸いです。

Comments

[Lhankor_Mhy]

ディレクトリ構造を教えてください。HTMLファイルと画像とjsファイルの場所はどうなっていますか？

[kt_567]

jQueryファイル、HTMLファイルの場所は同じです。jsフォルダ→jsファイル、imgフォルダ→01フォルダ→画像　となっています。わかりづらくてすみません

[Lhankor_Mhy]

HTMLフォルダの下にjsフォルダとimgフォルダ、という理解でいいですか？　lichtboxのスクリプトはjsフォルダ内ですか？

[kt_567]

はい、その通りです

[Lhankor_Mhy]

画像のURLを絶対パスにしても問題解決しないですよね……？

[kt_567]

絶対パスとは、「http://」から始まる記入であっていますでしょうか…？やってみましたが、解決しませんでした＞＜

[kei344]

プラグイン／ライブラリは似た名前のものもあるため、取得した場所のURLを質問文に追記ください。（URLにはリンクを張ることができます）

[kei344]

公式の配布場所が無いと、テストしにくい＆ドキュメントの確認がしにくいという意図でした。

Answer 1

* {
    background-color: #fefafe; /* これが問題。全称セレクタに背景は付けないほうが良い */
    border: 0 none;
    color: #4f432f;
    font-family: "こころ明朝体",monospace;
    font-size: 10pt;
    font-style: normal;
    font-weight: normal;
    margin: 0;
    padding: 0;
    text-decoration: none;
}

上記 background-color 部分を削除せず単独で解決するなら、下記を追記ください。

.lb-nav {
    background-color: rgba( 0, 0, 0, 0 );
}

Comments

[kt_567]

background-colorを取った所、正しく表示されました！
ご協力くださったLhankor_Mhy様、そして解決してくださったkei344様
ありがとうございました！