Colorboxのカスタマイズデモ

デザインの変更

矢印と閉じるを変更

2枚目の画像

同じドキュメント内のHTML(インラインHTML)の呼び出し

インラインHTMLその1

インラインHTMLその2

呼び出されるHTMLは、CSSで非表示になっています。

別のJavaScriptからColorBoxの操作を行う

モーダル内のボタンでColorboxを閉じる

アンカーリンクで移動してからColorboxを閉じる その1

「returnFocus:false」を設定していない場合

アンカーリンクで移動してからColorboxを閉じる その2

「returnFocus:false」を設定している場合

アンカーリンク設定箇所

モーダルで表示されますが、同じHTML内に書かれています。

さらにグループ化も出来ます。

ボタンでColorboxを閉じる

Colorboxを閉じる

ボタンでColorboxを閉じる

移動してからColorboxを閉じる

ボタンでColorboxを閉じる

移動してからColorboxを閉じる