カラーボックスは、私はjQueryのカラーボックスに表示したいギャラリーを持つ配列のリンク

Question

から

をギャラリーを表示し、ユーザーがリンクをクリックすると、それは1枚の以上の画像を含むオーバーレイgallery.theギャラリーを開きます。

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

私は唯一の配列リンクとしてデシベルから画像を提供することができます：

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