Question

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

用户点击该链接并打开覆盖图库。该图库包含一个或多个图片。

<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集成到我的代码中，但到目前为止我还不能，任何想法都会有所帮助。

Answer 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});

colorbox，从数组链接显示库

1 个答案: