Litebox を WordPress に組み込む

Litebox- Same great taste, less calories

画像を格好良く演出してみせるLightboxの軽量化版LiteboxをWordPressに組み込んでみました。

配布サイトの手順に従って、ヘッダにJavaScriptとCSSファイルの読み込みを追加して、bodyタグにonload=”initLightbox()を書き加えるだけで基本の設定は完了です。ただ、このままだと一部不具合が出る場合があるので、スクリプトやCSSの書き換えが必要のようです。

Litebox と Lightbox « Waviaei を参考に、litebox-1.0.jsとlightbox.css内で指定されている画像のパスを絶対指定。相対指定だとLitebox一式を適当なディレクトリに保存して使おうとしても、読み込みができないことがあるようです。

それと、WordPress標準の画像のアップローダで、Lightboxを使用するためのrel属性の追加はlightbox.js – Web2.0ライクな画像サムネイル生成 — OpenStratus Archiveを参考に、wp-admin/inline-uploading.phpを直接書き換えて対応しました。

そんなにガンガン画像は追加しないけど、こういう視覚効果は面白いので試してみましたよ。