lightboxの利用方法について

質問

画像拡大の仕方としてlightboxの存在を知り、本家サイトから関連ファイルをＤＬし、試しているのですが、cssなどの内容の意味やカスタマイズなどを知りたくて、検索で探したもののなかなかいいサイトが見つかりません。本家は英語だし、ということでわかりやすいサイトがありましたら教えてください。

それと、本家の手法だと、クリック後の拡大画像を閉じるとき、右下のcloseボタンを押すようになっていますが、大きな画像だとボタンの存在に知らない人には気がつきません。
ほかの使用例で拡大画像そのものをクリックすると閉じるのを見つけたのですが、このカスタマイズの仕方をご存じの方教えていただければと思います。
また閉じ方で瞬時ではなくフェイドアウトのようなことはできますか？

回答No.1

taketan_mydns_jp · ベストアンサー

JavaScriptは端末側で全てのスクリプトを読む事が出来ます。もし気に入ったサイトがあれば、そのソースを見る事が確実です。
ライセンス的に問題なければ流用する事も可能ですし。

とりあえず、定番リンクですが、設置法
http://www.koikikukan.com/archives/2006/01/13-235556.php
lightbox Plus （lightboxの拡張版ですね）
http://serennz.sakura.ne.jp/toybox/lightbox/

参考まで。

お礼

ありがとうございます。
Ver2では画像クリックによるクローズ機能がなくなったようなんですね。
どこかの回答で不完全ながら、
-------(引用)---------
次に、231行目の
var objLightbox = document.createElement("div");
objLightbox.setAttribute('id','lightbox');
objLightbox.style.display = 'none';
objBody.appendChild(objLightbox);

の下に次の文を追加します。
objLightbox.onclick = function() { myLightbox.end(); return false; }
たったこれだけです。

JavaScript無知な僕でも、通常のプログラミングと同じようなカンを使ってやってみたら、どうかなりました。
もし、これで間違っていましたら、コメントかメールください。
Lightbox JS 2.0
追記：
この方法にも、弊害があることが判明。
それは、2.0特有のグループ機能が使えなくなってしまう。
現在、対策を考え中です。
－－－－－－－－－－－－－
というので、対応してみたいと思います。