fc2ブログ
2006/12/19

ThickBoxというAJAX

061219_01.jpg


画像だけでなくHTMLの外部ファイルまで、
LightBox風に同一画面内に表示可能です。

jsファイルを2個、cssファイルを1個、gifファイルを1個
アップロードするだけです。


あとはこんな感じでリンクを指定します。
【HTMLの場合】
<a href="****.html?keepThis=true&TB_iframe=true&height=高さ&width=幅" title="ここに小窓のタイトルを書く" class="thickbox">リンクワード</a>

【画像の場合】
<a href="images/****.jpg" title="画像と一緒に表示させる文字" class="thickbox"><img src="images/サムネイル.jpg"></a>

(注意)Blog上にタグを表示するため「<」と「>」を全角文字にしています。


すごく簡単でした。
Windows IE 6.0, Windows IE 7, Windows FF 1.5, Windows Opera 9.0, Macintosh Safari 1.3.2 & 2.0.3, Macintosh FF 1.5は動作確認済みとのことです。(仮にMac IE 5では動きませんでした)

ThickBox
http://jquery.com/demo/thickbox/