重要なお知らせ

「教えて! goo」は2025年9月17日(水)をもちまして、サービスを終了いたします。詳細はこちら>

電子書籍の厳選無料作品が豊富!

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

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

A 回答 (1件)

JavaScriptは端末側で全てのスクリプトを読む事が出来ます。

もし気に入ったサイトがあれば、そのソースを見る事が確実です。
ライセンス的に問題なければ流用する事も可能ですし。

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

参考まで。
    • good
    • 0
この回答へのお礼

ありがとうございます。
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特有のグループ機能が使えなくなってしまう。
現在、対策を考え中です。
-------------
というので、対応してみたいと思います。

お礼日時:2007/03/21 22:15

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!