新着記事
2010年04月28日

Seesaaブログで「Lightbox Plus」を使う

Seesaaブログではサムネイル画像をクリックして拡大画像を表示する場合、別の画像表示専用のページが開きます。この見せ方が気に入らない場合、最近のwebサービスなどでよく使われている、そのページ上で拡大画像を表示させる「Lightbox」がSeesaaブログに導入できます。実際に導入したのは「Lightbox」に類似した「Lightbox Plus」です。

余談ですが、このブログでは別ウィンドウで拡大画像を表示する「Highslide JS」も導入しています。ところが現在、Seesaaの下層ディレクトリ作成仕様が変わり、「Highslide JS」を設定することが簡単にはできなくなりました。Seesaaブログユーザーで拡大画像の見せ方を変えたいのなら、「Lightbox Plus」の導入は「Highslide JS」に比べて簡単ですしお勧めです。

参考→Highslide JSをSeesaaブログで使用

「Lightbox Plus」の使い方については、以下の記事が丁寧に解説されています。
別窓を開かずに、その場で拡大画像を表示! - All About/ホームページ作成

たいへん詳しくしかも易しく解説してあるので、この記事ではSeesaaブログでの導入手順に絞って説明します。

先ず「Lightbox Plus」をダウンロードします。
「Lightbox Plus」の配布サイト

ダウンロードした「lightbox_sample.zip」の中身、sampleフォルダの中にある「resource」フォルダの中を展開します。これらのファイルをSeesaaブログにアップロードするわけですが、その前にしておくことがあります。
続きを読む
タグ:サイト制作
posted by Masako at 15:51 | Comment(5) | TrackBack(0) | Seesaaブログのカスタマイズ | このブログの読者になる | 更新情報をチェックする