●Highslide JS によるサムネイル画像の拡大表示
サムネイル画像を拡大表示する手法として、
『Lightbox JS』を使用していらっしゃる方が割りといらっしゃいます。
以前から、いい感じだなぁ。
うちでも取り入れたいなぁ、と思っていました。
今回、もっといいなぁと思われる手法が、
『小粋空間』様で紹介されていたので、
導入してみました。
『Highslide JS(JavaScript)』を用いた手法です。
まず下の画像をクリックしてみて下さい。
拡大表示画像の上でクリックすると元に戻ります。
・拡大画像をドラッグして移動させる事が出来ます。
・拡大画像の下にキャプションを表示させる事が出来ます。
(なんか、Firefox だけちょっと挙動が変?)
その他にも様々な拡大表示パターンがあります。
いろいろ遊んでみてください。
画像だけではなく、HTML で書いた文字列を拡大できるのはイイ!
いろいろ使えそうですね。
キャプションやコントローラーの有無や様々なデザインで、
script 要素やスタイルシート設定が変わってきますので、
詳しくは『小粋空間』様や『Highslide JS』様で確認してください。

