lightbox2で横スクロールすると不具合

質問

初めて質問させていただきます。
ホームページにlightbox2(ver.2.04)を使用しています。

サムネイルを横に並べて、スクロールする形にしたところ、
スクロールした先のサムネイルをクリックすると
オーバーレイがページ全体にかかりません。

どこをどのように編集すればスクロールしても問題なく
ページ全体にオーバーレイがかかるのか、教えてください。
お願いします。

回答No.1

askaaska · ベストアンサー

これは
lightboxのオーバーレイが
現在表示しているページの縦横幅を基準にしており
そして書き出しが0,0になっているためにおきるわ。

それを設定しているのが
lightbox.jsの209行目
$('overlay').setStyle({width: arrayPageSize[0] + 'px', height: arrayPageSize[1] + 'px' });
よ。
例えば
$('overlay').setStyle({top:100,left:100,width:100,height:100});
のようにすれば左上から100ピクセルの位置に100x100のオーバレイができるわ。

ここまでわかればOKよね。
現在のスクロール位置を取得してleftに設定してあげればいいの。

あ、言うまでもないけど
lightbox.jsの改変は自己責任でお願いね。
本来ない機能を追加するんだから
バージョンアップのときなんかには
ちゃんと変更しないとまた同じ問題が出るわよ。

お礼

回答ありがとうございます。
根本的な問題解決にはなりませんがとりあえず、
$('overlay').setStyle({width: arrayPageSize[0] + 500 + 'px', height: arrayPageSize[1] + 'px' });
としてみたところ、横スクロールしてもオーバーレイが全体にかかるようになりました。

画面の大きさによっては数値をもっと大きくしないといけないかも、とちょっと心配ですが・・・

ありがとうございました。