rep2の画像キャッシュ一覧でLightbox Plusを使う

KURO-BOX

rep2 機能拡張パックのダウンロードページに実験的パッチとして「ImageCache2 - Lightbox Plus ver.061027 対応パッチ」が置いてあります。
「Lightbox Plus」は画像をクールに見せる便利なスクリプト「Lightbox JS」にいくつかの追加機能を追加したものです。ImageCache2の画像キャッシュ一覧ページでサムネイルをクリックしたとき普通は別ウィンドウが開いて画像を開きますが、Lightbox Plusを使うことで同ウィンドウ上に画像を表示させマウスにより前後の画像を表示させたり、画像の拡大率を変更したりといったことが可能になります。
rep2でImageCache2 が正常に動作している前提で
rep2exにLightboxPlusパッチを当てる。

$ wget http://page2.xrea.jp/expack/archive/patches/ic2-061031.patch
$ patch -p1 < ic2-061031.patch

conf/conf_ic2.inc.phpの設定を変更。

$_conf['expack.ic2.viewer.lightbox'] = 0;
↓
$ $_conf['expack.ic2.viewer.lightbox'] = "plus";

lightbox_plusディレクトリを作る。

$ mkdir lightbox_plus

Lightbox Plusのファイルをダウンロード

$ cd lightbox_plus
$ wget http://serennz.sakura.ne.jp/toybox/lightbox/lightbox_plus.js
$ wget http://serennz.sakura.ne.jp/toybox/lightbox/resource/spica.js
$ wget http://serennz.sakura.ne.jp/toybox/lightbox/resource/lightbox.css
$ wget http://serennz.sakura.ne.jp/toybox/lightbox/resource/overlay.png
$ wget http://serennz.sakura.ne.jp/toybox/lightbox/resource/loading.gif
$ wget http://serennz.sakura.ne.jp/toybox/lightbox/resource/expand.gif
$ wget http://serennz.sakura.ne.jp/toybox/lightbox/resource/shrink.gif
$ wget http://serennz.sakura.ne.jp/toybox/lightbox/resource/blank.gif
$ wget http://serennz.sakura.ne.jp/toybox/lightbox/resource/close.gif
$ wget http://serennz.sakura.ne.jp/toybox/lightbox/resource/zzoop.gif
$ wget http://serennz.sakura.ne.jp/toybox/lightbox/resource/prev.gif
$ wget http://serennz.sakura.ne.jp/toybox/lightbox/resource/next.gif

lightbox_plus.js 内で画像のパスを変更

Event.register(window,"load",function() {
var lightbox = new LightBox({
loadingimg:'loading.gif',
expandimg:'expand.gif',
shrinkimg:'shrink.gif',
previmg:'prev.gif',
nextimg:'next.gif',
effectimg:'zzoop.gif',
effectpos:{x:-40,y:-20},
effectclass:'effectable',
closeimg:'close.gif',
resizable:true
});
});
↓
Event.register(window,"load",function() {
var lightbox = new LightBox({
loadingimg:'/rep2ex/lightbox_plus/loading.gif',
expandimg:'/rep2ex/lightbox_plus/expand.gif',
shrinkimg:'/rep2ex/lightbox_plus/shrink.gif',
previmg:'/rep2ex/lightbox_plus/prev.gif',
nextimg:'/rep2ex/lightbox_plus/next.gif',
effectimg:'/rep2ex/lightbox_plus/zzoop.gif',
effectpos:{x:-40,y:-20},
effectclass:'effectable',
closeimg:'/rep2ex/lightbox_plus/close.gif',
resizable:true
});
});