絶大なインパクトを以って公開された「Lightbox JS」が、ご本家でバージョンアップされました。
外観が少しだけ変わったような気がしますが、今回のバージョンアップの主眼は、複数の画像をグループ化し、これらをスライドショー(手動)のように見せることが可能になった点にあります。
未確認ですが、前バージョンとの後方互換も保証されています。
それにしてもこのご本家サイトは、サンプル画像の選択も適切で、きれいに見せているものだと感心してしまいます。
ところで今回のバージョンに限ったことではないのですが、「Lightbox JS」は、関連JavaScriptファイルだけでも100KB近く読み込ませなければなりません。ですので、アクセント程度にしか画像を使わないこのブログでは「高価」に過ぎるので導入してはいません。
その代わり、私自身は、LightboxJS風の効果が得られる下記のGreaseMonkeyスクリプトを入れています。Opera8のuser.jsとして導入できるところが優れモノです(笑)
Greased Lightbox(shifting pixel)
とは云うものの、試しに導入してみると、初期バージョンとは違って、わかりにくいところがあります。
ですので、サンプルファイルを拵えてみました。
特にlightbox.js内に２つの画像ファイルへのパスを記述しなければならないのですが、これを下手に相対パスで記述しようとすると、ブログではちょっと工夫しないといけないようです。
従って、ブログに導入する場合は、lightbox.js内に記述する画像へのパスは、"http"から始まるフルバスで記述するのが無難です。
尚、lightbox.cssの背景画像へのパスは、配布ファイルのディレクトリ構造を壊さない限りはそのままでも大丈夫です。
まあ、わからなかったら訊いてもらっても構いません。
