1

SO、私は Jquery は初めてではありませんが、Colorbox は初めてで、助けが必要です。画像のサムネイルがクリックされたときに画像をスライドショーのように再生できるようにする JQuery を探していました (Jquery ライトボックスのようにスライドショーを使用)。カラーボックスを試すように言われました。それは私が必要とするものに適合しますが、私は'. いくつかの..奇妙な結果を得ています。これまでのところ、必要なファイルはすべてインストールされています ( http://www.jacklmoore.com/colorboxからソフトウェアをダウンロードしました)。現在、「example 4」がインストールされているか、少なくとも試しています。すべてのファイルとイメージが配置され、インストールされます。しかし、サムネイル画像をクリックすると、カラーボックスが表示されますが、画像がなく、この特定の jquery に付属する境界線/コーナーなどがすべてスクランブルされており、Mozilla でテストページを表示しています。コードを投稿してみました..しかし、これは私に苦労しています。うまくいけば、誰かが私が話していることを知っています。

助けてくれてありがとう、そして長いメモでごめんなさい..ただこれをできるだけ早く理解してほしい..それは私に頭痛を与えています.

4

2 に答える 2

0

さて、あなたはそのビギナーズガイドページに少し時間を費やして、カラーボックスプラグインをよりよく理解することを試みたいと思うかもしれません。以下は、ガイドページのサンプルコードです。

<!doctype html>
<html>
    <head>
        <link rel="stylesheet" href="colorbox.css" />
        <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
        <script src="jquery.colorbox-min.js"></script>
        <script>
            jQuery(document).ready(function () {
                jQuery('a.gallery').colorbox({ opacity:0.5 , rel:'group1' });
            });
        </script>
    </head>
    <body>
        <a class='gallery' href='image1.jpg'>Photo_1</a>
        <a class='gallery' href='image2.jpg'>Photo_2</a>
        <a class='gallery' href='image3.jpg'>Photo_3</a>
    </body>
</html>

おそらく、wtihから始める必要があるのはこれだけです。その後、カラーボックスにオプションを追加したり、HTMLを変更したりするなど、必要に応じて変更できます。外部リソースのURLにもっと注意を払うことをお勧めします（css＆この場合、ルートディレクトリの下のcolorbox-min.js）

また、Firefoxを使用しているので、デバッグ用にFirebugアドオンをインストールしてみませんか。エラーが表示された場合は、ここに投稿できます。

于 2012-10-27T02:09:37.387 に答える
0

私も同じ問題を抱えていました。古いWebサイトからコードをコピーしたことが判明したため、まだjQuery 1.4.2をロードしていました

最近のバージョンの colorbox は、1.4.3 未満の Jquery バージョンではうまく機能しません ( https://groups.google.com/forum/?fromgroups#!topic/colorbox/yFLOgvP20NIを参照) 。

jQuery ライブラリを更新した後、すべてが再び見栄えがよくなりました。

于 2012-11-21T15:22:47.077 に答える