March 2007アーカイブ

画像を拡大表示するJavaScriptライブラリ。

1. ライブラリの入手
• Site: ThickBox 2.1.1
• Download:
• ThickBox.js
• jQuery.js
• ThickBox.css
• loadingAnimation.gif
2. インストール
1. file:
• ./js/ThickBox.js
• ./js/jQuery.js
• ./css/ThickBox.css
• ./images/loadingAnimation.gif
2. html header
   <link rel="stylesheet" href="./css/thickbox.css" type="text/css" media="screen" /> <script type="text/javascript" src="./js/jquery.js"></script> <script type="text/javascript" src="./js/thickbox.js"></script>
3. (X)HTML
   <ul> <li><a href="./images/sample01.png" rel="sample" class="thickbox" title="sample01"><img src="./images/sample01_thumb.png" alt="" /></a></li> </ul>
   Note: 複数の画像をリストアップして、同じrel="xxx"を設定するとグループ化される。

親ウィンドウ

子ウィンドウ