1

ANSWER さて、皆さん、解決策を見つけました (私は新しいユーザーなので、8 時間以内に自分の質問に答えることができません、申し訳ありません):

LightBox の最新バージョンである v2.51 は、jQuery v1.7.2 のみをサポートしています。そのバージョンの jQuery をダウンロードして、最新バージョンの代わりに使用するだけで、すぐに機能しました。

それが構築されたjQueryバージョンをテストしないのは、一種のアマチュアの間違いだと思います;）

閲覧して回答してくださった皆様、ありがとうございました。

元の質問

私の最初のスタックオーバーフローの投稿です。

私は自分のサイトで Lightbox v2.51 をローカルで使用しようとしているので、実際に自分のサイトに実装しようとする前に、それがどのように機能するかを確認するためだけに、すばやく簡単なコンセプトを作成しようとしました。

したがって、ここに、以下のコンテンツを含む単純な「gallery.htm」ファイルがあります。

<!DOCTYPE html>
<html>
<head>
<link href="engine/lightbox.css" rel="stylesheet" />
</head>
<body>
    <div>
        <a href="images/title.gif" rel="lightbox" title="The main graphic">Test</a>
    </div>
<script src="engine/jquery.js"></script>
<script src="engine/lightbox.js"></script>
</body>
</html>

問題は、「テスト」リンクをクリックすると、参照された画像リンクをライトボックスにロードし、画面を黒くしてから、画像を含む div をアニメーション化し、完全に表示することです。画面が暗くなりますが、その後何も表示されません。こちらが前後のショットです。リンクをクリックすると、ご覧のとおり、画面が暗くなりますが、他に何も起こりません。画像はまったく読み込まれません。

jQuery のバージョンは 1.9.1 で、ローカルホストのテスト目的のためだけにローカルに保存されています。ライブ サイトにある場合は、Google ajax ホストから呼び出されます。

スクリプトとスタイルは、ローカル フォルダー「engine」にあります。すべてのファイルの名前は正しく、Google Chrome を使用している場合は、ページを完全に読み込み、SHIFT+CTRL+J を押したままコンソールでエラーを確認しましたが、すべてが完全に読み込まれています。

どんな助けでも大歓迎です、ありがとう! :)

4

1 に答える 1

0

ライトボックスのダウンロードに付属する特定の jQuery パッケージを使用する必要があります。これはうまくいきます！

<!DOCTYPE html>
<html>
    <head>
        <link href="lightbox.css" rel="stylesheet" />
        <link href="screen.css" rel="stylesheet" />
        <script src="jquery-1.7.2.min.js"></script>
        <script src="lightbox.js"></script>
    </head>
    <body>
        <div>
            <a href="1.jpg" rel="lightbox">TestLink</a>
        </div>
    </body>
</html>
于 2013-03-10T07:21:23.837 に答える