Home > ブログ > WordPressプラグイン　Litebox

WordPressプラグイン　Litebox

2009-10-08 (木) 18:09
ブログ
WordPress

先日から続いているブログいじりですが、後から後から色々出てきます。

当サイトでは、写真の表示に『Lightbox』というプラグインを使っています。
サムネイルをクリックするとニュッと大きい画像が出てくるものです。

WordPressのVerUPに伴い、最初に使っていたLightboxの調子が悪くなり変更しました。
ですが、これもいつしかブラウザによってちゃんと表示が出来なかったりと、また問題が出てきました。

仕方無いのでまた違うLightboxに変更しました。
ちなみに、Lightboxというのは、オリジナルを含め、色々あります。

今回使用したのは、『Litebox』というプラグインです。

link >> Litebox plugin for WordPress | gavin on life　（英語HP

見た目は、変わったことに気付かないくらい同じような感じです。
ただ、若干動作が速くなったかな～という感じはします。

ざっと手元のブラウザで確認した感じでは、特に支障はなさそうでしたのでこれを使うことにしました。
幸いなことに同じLightbox系のプラグインなのでaタグの記述を変更することなくそのまま使えました。

使う場合は、aタグに以下のいずれかをを記述します。
下は、複数の写真がある場合にグループ化するためにそれぞれの写真に同じ名前を入れます。

rel=”lightbox”
rel=”lightbox[グループ名]“

ただ、私の環境では、そのまま使うと、『close』のボタンが表示されない現象がありました。（Litebox 1.0にて。
調べてみると、jsファイルの記述を変更する必要があったようなので直しました。

litebox-1.0.js内の以下の部分を修正。

var fileLoadingImage = “/wp-content/plugins/gblitebox/images/loading.gif”;
var fileBottomNavCloseImage = “/wp-content/plugins/gblitebox/images/closelabel.gif”;

それぞれ、wp-contentの前に『/』（スラッシュ）を入れます。
独自ドメインを割り振っている場合に起こるそうです。