写真拡大に便利なJavaScriptライブラリ (Highslide.js)
2006年12月23日(土) 06:00
サイトやブログに写真を乗せることは意外と多いが、サムネイル画像を表示してクリックで拡大して見てもらうようにする場合が意外と多い。
写真を拡大して表示するときに、写真によっては表示方法や説明文などを表示したい場合もある。 そんな要望にこたえてくれるのが、Highslide JS。
サンプルを見れば様々な表示方法に対応しているのが分かる。
- White 10px border and drop shadow
- Drop shadow and no border
- White outline with rounded corners
- Dark design with outer glow
- No graphic outline
- Slideshow with controls in caption
- Slideshow with a controlbar using custom overlay
非常に強力なJavaScriptライブラリだが、導入には若干手間がかかる。 その分、目的にあった表示方法を実装する際に1から構築することを考えれば、便利である。
関連する記事
- マウス操作で写真にズームするギャラリー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)

