0

jqueryカラーボックスに表示したいギャラリーがありますが、

ユーザーがリンクをクリックすると、オーバーレイ ギャラリー (1 つ以上の画像を含むギャラリー) が開きます。

<a href="" id="30">
<img border="0" src="/uploads/coverGallery1.png" width="225" height="164" alt="" class="image"/>
</a>

配列リンクとして db からのみ画像を配信できます。

<script>
   var prod_img_30 = Array(       // 30: is the id of the link
            Array('/uploads/image1.png',0),
            Array('/uploads/image2.png',0), 
            Array('/uploads/image1.png',0)
                    );
</script>

jquery カラーボックスを自分のコードに統合する必要がありますが、今まではできませんでした。

4

1 に答える 1

1

ColorBoxはDOM内の要素でのみ機能するため、これらをギャラリーとして表示できるようにするには、ドキュメントへのリンクを一時的に追加する必要があります。例えば:

var $gallery = $('<div>').hide().appendTo('body');
var arr = ['img1.jpg', 'img2.jpg', 'img3.jpg'];

$.each(arr, function(i){
    $('<a href="'+arr[i]+'"></a>').appendTo($gallery);
});

$gallery.find('a').colorbox({rel:'mygroup', open:true});
于 2012-05-04T19:12:39.853 に答える