0

phpコードから生成された動的ギャラリーがあります。これは1つの画像のみで表されます。その写真を選択すると、複数の写真が入ったカラーボックスが開きます。

問題は、私のカラーボックスが私のrelを認識していないように見えることです。

<script>
        $(document).ready(function(){
            //Examples of how to assign the ColorBox event to elements

            $("a.gallery").click(function(){
                var galleryRelative = $(this).attr("rel");
                alert(galleryRelative);

                $(this).colorbox({rel:galleryRelative});

            });
        });
    </script>

そして私のHTML

foreach($kittens as $key => $kitten){                 

    echo '<div class="block1 smallblock">';

    echo '<a class="gallery" rel="gallery0" title="blablabla" href="../img/block-03.jpg"> 
             <img src="../img/block-03.jpg" width="299" height="233" alt="kitten" />
          </a>';

    echo '<p><a href="../img/block-03.jpg" rel="gallery0" title="blabla"></a></p>';
    echo '<p><a href="../img/block-02.jpg" rel="gallery0" title="blabla"></a></p>';

    echo '</div>';
}

問題なくgallery0を生成します（スクリプトのa.galleryからrel属性を正常に読み取っていますが、カラーボックスが一致しません。

4

2 に答える 2

1

Colorbox はデフォルトで rel 属性を使用します。使用するだけです：

$("a.gallery").colorbox();

独自のクリック イベントを設定すると、アイテムがクリックされるたびにカラーボックスが要素に再割り当てされますが、これは非効率的です。

于 2012-06-26T16:15:25.510 に答える
0

1 つの画像をクリックしてライト ボックスに複数の写真を表示するには、Pretty Photo プラグインを試してみてください。PikaChoose から画像をクリックしたときに Pikachoose ギャラリーを使用しました。 Pretty の Pretty Photo Plugin demo を使用して、ライト ボックス内に画像のリストを表示します。これがあなたに役立つことを願っています

于 2012-06-26T07:57:56.760 に答える