lightbox2.03.3 備忘録

lightbox2.03.3を試してみた。
以下、備忘録。

1. パッケージのダウンロード＆展開

ここからダウンロード。Exampleあり。
http://www.huddletogether.com/projects/lightbox2/

2. js/lightbox.jsファイルの編集

正しいロケーションにエディット。

例）
// Configuration
//
var fileLoadingImage = "http://www.yourweb.com/lightbox/images/loading.gif";
var fileBottomNavCloseImage = "http://www.yourweb.com/lightbox/images/closelabel.gif";

3. HTMLのヘッダ部分に、次の4行を挿入／追加。

4. リンクタグに、rel="lightbox"を追加。

＜a href="images/image-1.jpg" rel="lightbox" title="my caption"＞image #1＜/a＞

※ はてな記法でそのまま書けない。。＜を<に、＞を>に変更してください。

以上。