ブログで画像をアップすることが増えてきた。
そこで画像をクールに表示する機能を追加してみた。
LightboxPlusという画像をオーバーレイ表示してくれるJavaScriptをこちらのサイトで紹介している方法で導入してみた。
http://www.drk7.jp/MT/archives/001029.html
標準のLightboxPlusを用いると、画像指定時にaタグ中で a href="hogehoge.jpg rel="lightbox" と指定しなければならないのだが、こちらのサイトでは、rel属性を付与しなくてもLightboxPlusを機能させることができるように若干ソース変更したものを提供してくれている。私もそちらを利用させてもらった。
また、JavaScriptやCSS、画像などの配置をデフォルトから変更しているため、若干JavaScriptやテンプレートのPATHの記述を変更している。
画像の拡大表示は小技の効いたオーバーレイ表示で。
こんなかんじ（クリック！してみよう）