thicboxに兆戦！

画像を別ウィンドウで拡大表示！
ってゆうときに今まで「.js」を使ってました。

＜a href="javascript:w=window.open('sb.html','','scrollbars=no,Width=430,Height=350');w.focus();"＞
＜img src="images/・・・.jpg" width="90" height="60" border="0"＞＜/a＞


でも、最近使われない傾向にあるということで

「web creators 4月号」で紹介されてた[thickbox]を試してみました～
私的にはかなり感動!

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

・thickbox.css
・thickbox.js
・jquery.js
・loadingAnimetion.gif

をダウンロード→

head要素内で各種ファイルを読み込み

＜link rel="stylesheet" href="./thickbox.css"＞
＜script type="text/javascript" src="./jquery.js"＞＜/script＞
＜script type="text/javascript" src="./thickbox.js"＞＜/script＞

あとは
<･･･････････　class="thicbox">ってやるだけ(o´∪`o)ノ


これが完成品thickbox!
(無料infoseekなので上下に広告がありますが・・・笑)

なかなか簡単でした

…web creatorsの細かい説明のオカゲですw