動的ソースからの情報を表示し、前と次のボタンを使用してグループを反復処理するグループ ColorBox があります。
それで:
$(".colorbox").colorbox({rel:'group', transition:"fade"});
<a class="colorbox" id="l_152957" rel="group" title="" href="object_snippet.php?id=152957" ><img src="images/46636_140.jpg" alt=""></a>
<a class="colorbox" id="l_74911" rel="group" title="" href="object_snippet.php?id=74911" ><img src="images/46536_140.jpg" alt=""></a>
<a class="colorbox" id="l_202703" rel="group" title="" href="object_snippet.php?id=202703" ><img src="images/46336_140.jpg" alt=""></a>
object_snippet.php の html データは、id=XXX url 変数を介して動的に生成されます
これで問題なく動作しますが、次のボタンと前のボタンをクリックした後、カラーボックスのサイズがコンテンツに合わせて変更されません。コンテンツはそこにありますが、非常に小さなウィンドウに表示されます。
それを実現し、動的に生成されたコンテンツに合わせてカラーボックスのサイズを変更する方法はありますか?