1

Shadowbox プラグイン (http://www.shadowbox-js.com) を使用して画像ギャラリーを作成しようとしています。
そのため、ギャラリーの作成に問題がありました。その問題は、画像を表示するリンク(実際にはサムネイル)をクリックするたびに、読み込みが開始され、画像が表示されず、黒いウィンドウだけが表示されることです。
私が使用するリンク： 

<a href="http://localhost/myProject/images/10.jpg" rel="shadowbox"><img src="http://localhost/myProject/thumbnails/10.jpg" class="thumbnails"/></a>

script/link/init :
これらのインポートは機能しています。(Chrome で) Inspect 要素 -> Network を使用して確認します。

<link rel="stylesheet" type="text/css" href="shadowbox/shadowbox.css">
<script type="text/javascript" src="shadowbox/shadowbox.js"></script> 
<script type="text/javascript">
        Shadowbox.init();
</script>

注:
1-Shadowbox を jQuery プラグインとして使用しています (スタンドアロンではありません)。
2-jQuery は、Google を使用して (ローカルではなく) 私の Web サイトにインポートされます。
3-実際の画像サイズは 3000x2400 です。
編集:
4- 右クリック -> 要素を調べる(クロム) と、画像が表示されることに気付きました (ただし、適切な方法ではなく、半分しか表示されません)。
5-画像handleOversizeへdragの設定が表示されている場合（クリックする必要があります）。
6-IE 9で動作しています!.

4

5 に答える 5

0

画像がブラウザに正しく表示されていないということですか？

ファイルが破損している可能性があります。再保存してみてください。

私はShadowboxをかなり長い間使用してきましたが、同様の問題は常に不良ファイルまたはファイルのアクセス許可が適切に設定されていないことが原因で発生していました。

于 2012-05-22T19:59:24.567 に答える
0

local hostの例を提供しているため、一般的なガイダンスしか提供できず、問題が何であるかを正確に伝えることはできません。リンクは大歓迎です。

まず、jQueryshadowbox.jsへの呼び出しがファイルへの呼び出しの前であることを確認してください。

それ以外は!DOCTYPE、この時点で確認できる限り、Web ページに有効なものを指定して、Shadowbox マークアップを正しくしていると確信しています。

問題は、 jQueryとクラス名の使用にある可能性がありますthumbnails。

jQueryが特定のスタイルでリンクを変更した場合、Shadowbox はそのアンカー タグの変更を受ける可能性があります。

これらの変更により、現在は jQuery リンクであるため、リンク要素ごとの Shadowbox に元のリンクが表示されなくなります。Shadowbox で再キャッシュする必要があります。

Shadowbox.init解決策:への変更が完了した後に を呼び出してthumbnail、Shadowbox がリンクを 1 回キャッシュするか、必要に応じて Shadowbox API.clearCache();を使用してこれらのアンカー.setup();を再キャッシュしてみてください。rel

また、Shadowbox に、ダウンロード オプションまたは WordPress プラグイン オプションである jQuery アダプター インターフェイスがあることを確認する必要があることにも言及する必要があります。

于 2012-05-22T20:25:51.893 に答える
0

私は解決策を見つけました.DOCTYPEやブラウザ、あるいは私のJSコードにはありませんでした!
問題はにありましたCSS。
をに設定directionしright to left(rtl)ます (はい、ウェブサイトはアラビア語です)。
おそらく、画像が正しく表示され、表示されないため、画像が非表示になりました。

于 2012-05-23T11:31:01.677 に答える
0

これは古い質問ですが、この主題に正しく答えた人はいません。解決策はここにあります：shadowbox.cssで「左」の値を「右」に、「右」の値を「左」に置き換えるだけです

于 2015-04-23T08:55:36.683 に答える
-3

shadowbox.css を開き、rに設定direction:ltrします。#sb-containe

于 2015-02-04T11:58:56.773 に答える