SoyCMS

SoyCMS Lightboxで、背景が暗くならない時の解決法

2014年4月14日  

画像のポップアップにlightboxを使っているのですが、
初期設定のままなら、オーバーレイで背景が暗くなってくれます。

しかし、ページによって、背景が暗くならないページが有りました。
背景がそのまま(オーバーレイ無し)でポップアップし、スクロールさせると暗くなります。

SoyCMSでサイト制作の際のことですが、jQueryをいろいろ入れているから、読み込む際の不具合が出ているのであって、この症状が出る方はSoyCMSでなくても同じかと思います。

で、どう解決したかというと、

スクロールさせると暗くなるのだから、読み込み速度が関係あると思い、注目したのがlightbox.jsの「this.fadeDuration 」

Lightbox v2.7.1だと、一番最初に書かれているところで、じわじわ表示されるフェードの速度の設定が「fadeDuration 」です。

「fadeDuration 」の速度の設定を0にしてみると、他のページと同じようにオーバーレイで背景が暗くなってくれました。

同じ症状の方は一度お試しを。

ちなみに同じ所で設定変更できる「resizeDuration」は、違う画像に移るときに、うにょーんとサイズを切り替えていたリサイズ時の速度設定で、0にするとアニメーションがなくなります。