1

vimeo ファイルと iframe 内のいくつかの html コンテンツで構成されるギャラリーを起動するように、shadowbox jquery プラグインをセットアップしました。機能は正常に動作していますが、コンテンツが完全に読み込まれる前に、iframe から恐ろしい白い閃光が発生しています。

ここで実際にこれを見ることができます

Shadowbox には読み込み画面が組み込まれていますが、コンテンツが完全に読み込まれる前に消えるのが早すぎます。

Chris Coyier によるこのソリューションを含め、多くのソリューションを試しましたが、うまくいきません。

jquery を使用して既存の Shadowbox の読み込み画面を修正し、コンテンツが完全に読み込まれるまで待ってから消えるようにする方法があるに違いないと思いますが、その方法がわかりません。

私は現在、頭にこのコードを付けて Shadowbox を呼び出しています:

Shadowbox.init({
    overlayOpacity: 1,
    gallery:        "test",
    continuous:     false,
    counterType:    "default",
    displayNav:     true
});

ギャラリーのマークアップは次のとおりです (ここでの問題とは関係ないと思いますが、明確にするために、これはカスタムのワードプレス テーマの一部です。)

<a class="test" href="http://player.vimeo.com/video/43642414 title=0&amp;byline=0&amp;portrait=0" allowTransparency="true" rel="shadowbox[test];player=iframe;width=960;height=540" onclick="return false;" title="<?php the_title(); ?>"><?php the_post_thumbnail(); ?></a>
<a class="test" rel="shadowbox[test]width=960;height=540" href="<?php the_permalink(); ?>" title="Credits"><?php the_post_thumbnail(); ?></a>

それ以外はすべて完了していますが、クライアントがサインオフする前にこれを修正する必要があります - どんな助けも本当に感謝しています!

4

1 に答える 1

0

css を使用してロード画面を強制的に表示したままにし、フェードアウトを遅らせて白いフラッシュをカバーすることで解決策を見つけました。

Shadowbox.setup("a.test", {
   player:         "iframe",
   overlayOpacity:  1,
   gallery:        "test",
   continuous:     false,
   counterType:    "default",
   displayNav:      true,
   onFinish: function(){
       $('#sb-loading').css({'display': 'block'}).delay(800).fadeOut(600);
   }
于 2012-07-26T12:54:27.790 に答える