0

我有我想在 jquery colorbox 中显示的画廊，

用户单击该链接并打开覆盖图库。该图库包含 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 colorbox 集成到我的代码中，但直到现在我还不能，任何想法都会有所帮助。

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 回答