カラーボックス：開始グループのインラインdivsを自動的に

Question

私はColorbox経由で表示しているDIVのセットを持っています。

それは今、私はページが開いているとすぐにカラーボックスをキックオフしたい

$(".my_group").colorbox({rel:'my_group', inline:true, href:$(this).attr('href')}); 

以下のように正常に動作しますので、私は動作しません

$.fn.colorbox({rel:'my_group', inline:true, href:$('.my_group').attr('href')}); 

を試してみました。私も試しました

$.fn.colorbox({rel:'my_group', inline:true, href:'#box1'}); 

ここで、＃box1はグループの最初のdivです。しかし、実際にはグループ内の別のインラインスライドとしてbox1を追加します。

グループトランジションカラーボックスを自動的に開始するにはどうすればよいですか？

Answer 1

自動的に（ページの読み込み時に）カラーボックスを開くには、設定にopen:trueを追加するだけです。また、 'rel'を使用したグループ化は必ずしもオプションに含める必要はありません。それを省略すると、すべてのカラーボックスグループを1回の呼び出しでまとめることができます。また、ターゲット要素に既にhref属性がある場合、オプションに入れる必要はありません（colorboxはdivやその他のものでもこの属性を自動的に探します）。だから、あなたのカラーボックスの呼び出しは次のようになります。

$(".cbox").colorbox({inline:true, open:true}); 

そしてこのHTML：

<a class="cbox" href="#C" rel="my_2group">C</a> 
<a class="cbox" href="#D" rel="my_2group">D</a> 
<a class="cbox" href="#A" rel="my_group">A</a> 
<a class="cbox" href="#B" rel="my_group">B</a> 

はあなたに2枚の画像と、それぞれの2別々のcolorboxesを与えるだろう、とページがあるとき、最初のグループが開きますロードされる。

これらをすべて1つのcolorboxコールで組み合わせることは、開きたいグループがdomの中で最高のものであることを保証できる場合にのみ機能します（通常は問題はありません）。そうでない場合は、それをいくつかの呼び出しに分割する必要があります。