iframe、Ajaxなど対応したスライドショーJavaScript (ThickBox)
2007年3月27日(火) 12:30
スライドショーを実装するJavaScriptライブラリがThickBox。比較的軽量なJavaScriptライブラリのjQueryが動作には必要になる。ThickBoxでは画像イメージ以外にも、HTMLなどもスライドショートして表示ができる。
同様のスライドショー機能を持つJavaScriptライブラリでは、GreyBoxが有名。ThickBoxもJPEG等の画像、インライン、iframe表示、Ajaxなどに対応する。スライド枠のデザインやナビゲーションはシンプルに構成されている。
シンプルなデザイン

テキストなど表示の場合

既にjQueryを導入している場合や、シンプルなナビゲーションを好む場合ThickBoxを選ぶと良い。もちろん非常に便利なライブラリなので、スライドショー以外にもPDFドキュメントを同一画面で表示する際などにも活用できる。
導入する際に必要なのは、ThickBox.js、ThickBox.css、loadingAnimation.gif、jQueryライブラリが必要になるので、それぞれダウンロードして利用する。導入方法や動作サンプルがそれぞれ紹介されているので、参考にすると比較的簡単に導入できる。
関連する記事
- マウス操作で写真にズームするギャラリーswf(PostcardViewer)
- CSSとCanvasで描写するWeb用のUIフレームワーク(Mocha UI)
- 透明感のあるデザインをJavaScriptで実装する(glassbox.js)
- MP4、FLVなど再生するFlashプレーヤーswf (JW FLV MEDIA PLAYER)
- FlashやFLV、MediaPlayerに対応したスライドショーJavaScript(shadowbox)
- デザインが魅力的なスライドショーJavaScript (Lightview)
- 楽にフォーム入力チェックを実装するJavaScript (JSValidate)
- CSSデザインレイアウトをオンラインで簡単に作成する (YAML)
- ユーザーが再配置可能なWedgetを実装するJavaScript (Prototype Portal Class)
- フォームボタンCSSデザインするテクニック (Rediscovering Button Element)
- 半透明の角まるツールチップを表示するJavaScript (CoolTips)
- JavaScriptでプログレスバーを簡単に実装する (jsProgressBarHandler)
- JavaScriptコード圧縮して盗用から守る (packer)
- iTuneのようにカバーアートを表示するFlash (iTunes Coverflow)
- 画像をサムネイルのサイズで表示するJavaScript (jQuery Thumbs)
- Ajaxでサクサク動くWebファイルマネージャ (Relay)
- アンカータグを利用してスムーススクロールを実装する (df Smooth Scroll)
- MacでもFlashでホイール操作が出来るようにする (SWFMacMouseWheel)
- HTMLなどタグ編集を楽にするエディタ機能JavaScript (jTagEditor)
- 使いやすいYUIライブラリのWYSIWYGエディタ (Rich Text Editor)

