pukiwiki tips (Lightbox)

webページ上の画像をクリックすると、背景が半透明になって画像がうぃ〜んと出てくる機能 Lightbox (今回はv2.0を利用)をpukiwikiに組み込む。
Lightboxのダウンロードはこちら→Lightbox

実行イメージはこちら→http://slither.dip.jp/index.php?%E7%94%BB%E5%83%8F　(回線が細いので表示に時間がかかります)

1. skinフォルダの下にディレクトリを作成しダウンロードしたファイルをコピーする。
　フォルダはlightboxって名前で作成。

2. skinディレクトリ内のpukiwiki.skin.phpの編集
　〜の中に下記4行を追加

3. lightbox.jsファイルの編集
　lightbox.jsファイルを編集する

 var fileLoadingImage = "skin/lightbox/images/loading.gif";
 var fileBottomNavCloseImage = "skin/lightbox/images/closelabel.gif";

4. ref.ini.phpの編集
　pluginフォルダ内のref.ini.phpを編集する

 $params['_body'] = "<a href=\"$url2\" title=\"$title\">{$params['_body']}</a>";

の行を

 $params['_body'] = "<a href=\"$url2\" title=\"$title\" rel=\"lightbox\">{$params['_body']}</a>";

に変更

以上の設定で ref 指定した画像がLightboxで表示されるようになる