小粋空間: Highslide JS でサムネイル画像を拡大表示する

サムネイル画像をクールに拡大表示する Highslide JS を利用する方法を紹介します。内容は Movable Type をサンプルにしていますが、他のブログ等でも応用できると思います。 WordPress ではプラグイン WPJ-Highslide 0.2 が利用できるみたいです。 とりあえず下記のサンプル画像をクリックしてください。拡大表示された画像の上でクリックすると元に戻ります。 拡大ツールでは、当サイトでも紹介している Lightbox JS が有名ですが、この Highslide JS は下記の特徴があります。 拡大画像の下にキャプション（タイトル）の挿入が可能 ウィンドウサイズに収まるように拡大（右下のアイコンをクリックすると 100% 表示） 拡大画像のドラッグが可能 以下、カスタマイズ方法です。ここではダウンロード時のバージョン 2.2.74.0.6 で話を進めます。

[kussun]

「Highslide JS」の分かりやすい解説。このJSは、画像を拡大表示する見せ方としては理想に近いので、モノにしたい。

[ow_ukeguchi]

ポップアップ系

[nilab]

小粋空間: Highslide JS でサムネイル画像を拡大表示する

[boomaru]

便利。個人サイトで利用しよ。

[jiwer5959]

画像のオーバーレイ表示

[Kochel]

Lightbox JSとの違い：「拡大画像の下にキャプション（タイトル）の挿入が可能／ウィンドウサイズに収まるように拡大（右下のアイコンをクリックすると 100% 表示）／拡大画像のドラッグが可能」

[sac3937]

Highslide JS使い方解説

[kojika17]

サムネイル画像をクールに拡大表示する Highslide JS を利用する方法を...

[calyx]

サムネイルをクリックすると拡大

[webmarksjp]

lightbox

[qinmu]

JavaScript。

[r_baggio]

highslide

[You-2u]

サムネイル画像を拡大表示, Highslide JS

[Garak]

元画面のままサムネイルだけを拡大表示できる

[mura24]

いつか使いたい

[kobayashi_shinji]

あんまかっこよくありませんが…。

[mansikka]

Plugin

[suVene]

コレいい感じだな。ズームアップ。

[m_hatayama]

拡大画像の下にキャプションの挿入が可能■ウィンドウサイズに収まるように拡大■ドラッグが可能

[stylus]

拡大画像の下にキャプションの挿入が可能■ウィンドウサイズに収まるように拡大■ドラッグが可能

[TRICK7]

サムネイルが拡大されるような効果