顏色框，顯示來自陣列鏈接

Question

畫廊我有畫廊，我想在jQuery的顏色框顯示，

用戶點擊鏈接，它打開了覆蓋含有1個或多個圖像gallery.the畫廊。

<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的顏色框集成到我的代碼，但現在，直到我不能，任何想法將是有益的。

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