Joyful Note + Lightbox2.0

KENT WEBさんの掲示板 Joyful Note(Ver:2.72)にLightbox 2.0を導入し、再配布するものです。

Lightbox 2.0 の解説

Lightboxは画像を別ウィンドウを開かずに、そのブラウザ上で画像を開くものです。サンプルはこちら。写真をクリックしてみて下さい。

クリックすると拡大します。
1ページに複数の写真がある場合には写真の左右をクリックする事でスライドショーする事が出来ます。

Lightbox2.0についてはこちらをご覧下さい。(英語)

サンプル&ダウンロード

設置方法

ダウンロードしてご覧下さい。

設置方法はJoyful Noteと同じです。KENT WEBをご参照ください。

init.cgiの修正

スライドショー機能
# Lightboxのスライドショー機能
# 0 : スライドショー機能を使わない
# 1 : スライドショー機能を使う
$lb_slideshow = 1;

lightboxを設置する位置

付属のLightbox本体は設置したCGIのディレクトリ下に置いてください。
他の位置に置く場合やCGIサーバーが別になっている場合は、init.cgi、lightbox.jsの次の箇所を各々変更してください。

init.cgi
# lightboxを設置した位置。通常はこのままでOK。
# CGIサーバーを別にしているプロバイダは、Lightboxを設置したURLを記述(lightbox.jsも変更する。)
#  例:http://www.hogehoge.ne.jp/~user/joyful/lightbox/ に設置した場合、
# $lb_url="http://www.hogehoge.ne.jp/~user/joyful/lightbox/";  のようにする。
$lb_url="lightbox/";
lightbox.js
/* lightboxを別の位置に置く場合、CGIサーバーが別になるプロバイダの場合は、
Lightboxを設置したURLを入れてください。
例:http://www.hogehoge.ne.jp/~user/joyful/lightbox/ に設置した場合、
durl="http://www.hogehoge.ne.jp/~user/joyful/lightbox/"; のようにする。
通常はこのままでOK。
*/
var durl="lightbox/";

参考サイト

利用規約

このCGIを使用した、いかなる損害に対しても開発者は一切の責任を負いません。CGIスクリプト利用規定

無料で利用できます。全てのサーバーでの動作を保証するものではありません。

このスクリプトを利用した方は、使用報告掲示板に利用報告をお願いいたします。またSawa'sFactoryへのリンクを張って頂けると嬉しいです。

更新履歴

2007年10月24日 公開
2008年 3月 2日 一部修正