iframe - iframe Colorbox を開くと白いフラッシュ

Question

iframe カラーボックスを開くと白いフラッシュが発生します。iframe が最初に白い背景を表示し、次に想定される iframe を表示するのを防ぐにはどうすればよいですか?

Answer 1

fastIframe: falseカラーボックス構成を渡してみてください。何かを表示しようとする前に、iframe のすべてのコンテンツが読み込まれるまで colorbox を待機させます。

$('a').colorbox({ iframe: true, fastIframe: false });

Answer 2

白いフラッシュは、カラーボックスが動的にiframeを生成した結果です。iframeの読み込み中は、カラーボックスウィンドウ自体の背景色が表示されます。

この問題を解決する1つの方法は、このjsfiddleで示されているように、「黒」のカラーボックスcssスタイルを使用することです。このcolorbox.cssファイルは、colorboxをダウンロードすると「例3」フォルダーにあります。このスタイルを使用すると、もちろん、白のフラッシュではなく黒のフラッシュが表示されますが、カラーボックスオーバーレイの半透明の黒とうまく調和します。

または、ニーズに最適なcolorbox.cssファイルをカスタマイズすることもできます。5つのビルド済みスタイルがあり、公式のカラーボックスサイトでデモンストレーションを見ることができます。