小粋空間: Highslide JS でサムネイル画像を拡大表示する
サムネイル画像をクールに拡大表示する Highslide JS を利用する方法を紹介します。内容は Movable Type をサンプルにしていますが、他のブログ等でも応用できると思います。 WordPress ではプラグイン WPJ-Highslide 0.2 が利用できるみたいです。 とりあえず下記のサンプル画像をクリックしてください。拡大表示された画像の上でクリックすると元に戻ります。 拡大ツールでは、当サイトでも紹介している Lightbox JS が有名ですが、この Highslide JS は下記の特徴があります。 拡大画像の下にキャプション（タイトル）の挿入が可能 ウィンドウサイズに収まるように拡大（右下のアイコンをクリックすると 100% 表示） 拡大画像のドラッグが可能 以下、カスタマイズ方法です。ここではダウンロード時のバージョン 2.2.74.0.6 で話を進めます。
Highslide JS の使い方
Bloggerで Highslide JS を使用する方法について、Miwhaさんからリクエストがあったので、紹介します。 とは言え、私もWeb関連の知識に関しては全くの初心者ですので、正確にお伝え出来るかどうかは、甚だ疑問ですがｗｗ ちなみに情報源は、こちらのサイトです。 http://yas-hummingbird.blogspot.com/2008/07/bloggerhighslide.html このサイトを基に、私がやった手順でのみ説明させてもらいますね。 1.ファイルをアップロードする場所の確保 Hislide JSを使用するためには、ファイルをいくつかアップロードする必要があります。 既にホームページ用のサーバースペースをお持ちの方は、そちらを利用してよいと思います。 そうでない方は、別途確保する必要がありますね。 私は、『Googleサイト』を利用することにしました。 ht
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
