divの下の画像をカラーボックスに追加

Question

PHPとjQueryを使って、現在Colorboxで画像のスライドショーを表示しています。

各画像の下にDIVを含めることができます（画像が新しいコンテンツで表示されるときに更新されます）。関連コンテンツ、コメント機能などを表示するために使用することができます。

これまでに調査したことがありますか？

私は私が知っておく必要があると思う：

1. 追加DIVは、カラーボックス
の出力Iが（DIVの内容を更新するために変更する画像に対応するにはどうすればよい
2. に追加することができますか（もし？） ）

ありがとう！

Answer 1

完成したコールバック関数を使用して情報を追加することができます。私はdemoを作ったが、キャプションを画像に重なるように配置した。ボックスの下に追加するとボックス全体が伸びる（demo）。

CSS

#cboxLoadedContent { 
    position: relative; 
} 
#extra-info { 
    position: absolute; 
    bottom: 0; 
    left: 0; 
    right: 0; 
    background: #000; 
    color: #fff; 
    opacity: 0.8; 
    filter: alpha(opacity=80); 
    padding: 10px; 
} 

スクリプト

$("a[rel]").colorbox(); 

$(document).bind('cbox_complete', function(){ 
    // grab the text from the link, or whatever source 
    var extra = $.colorbox.element().text(); 
    $('#cboxLoadedContent').append('<div id="extra-info">' + extra + '</div>'); 
});