Topics Board + Lightbox2.0

KENT WEBさんのTopics Board (Ver:1.2)にLightbox 2.0を導入し、再配布するものです。

Lightbox 2.0 の解説

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

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

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

サンプル&ダウンロード

設置方法

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

設置方法はKENT WEBをご参照ください。

lightboxを設置する位置

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

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/";

テンプレートを変更する場合

テンプレートを変更する時は、テンプレートの</head>の前に次の4行を入れて下さい。
CGIサーバーが別な場合、Lightboxを別の位置に置く場合は、srcとhrefにhttp://〜のURLを入れてください。

新テンプレートに追加
<script src="lightbox/js/prototype.js" type="text/javascript"></script>
<script src="lightbox/js/scriptaculous.js?load=effects" type="text/javascript"></script>
<script src="lightbox/js/lightbox.js" type="text/javascript"></script>
<link rel="stylesheet" href="lightbox/css/lightbox.css" type="text/css">

参考サイト

利用規約

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

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

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

更新履歴

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