2012-05-03 23 views
1

私のページにfullscreenr jQueryプラグインを使用しています。まず、私が画像を隠し、その後、私はwaitforimageプラグインを使用して、その上fullscreenr実行し、その後、最終的に私はそれを表示するには、フェードインを使用します。jQueryを使用してアクションを順番に実行する

<img id="bgimg" style="display: none;" src="<?php bloginfo('template_url')?>/images/backgrounds/<?php echo $imageData['location']; ?>" /> 

<script type="text/javascript"> 
    $bg = $('#bgimg'); 
    $bg.hide(); 
    var FullscreenrOptions = { width: <?php echo $imageData['width']; ?>, height: <?php echo $imageData['height']; ?>, bgID: '#bgimg' }; 
    $bg.waitForImages(jQuery.fn.fullscreenr(FullscreenrOptions)); 
    $bg.fadeIn(2500); 
</script> 

私の問題は何とか、何かがかなり右に動作していないということです。これは私の開発ボックスでうまく動作しますが、Web上でページを読み込もうとすると、画像が完全に読み込まれる前にfadeInが開始されます。

私はfullscreenr関数にコールバックを追加しようとしましたが、同じ結果がありました。正しく動作するようにするにはどうすればよいですか?私もfullscreenrをロードするために$ bg.load()を使用してみました。

ありがとうございます!

+1

をやりたいことであると推測二垣間見るオン

は、あなたが使用し '負荷()'コードを投稿できます。それは最善の解決策だと思われるので、なぜあなたのためにうまくいかないのか分かりません。 –

答えて

2

function2(function1(whatever))などのネストされた関数呼び出しがあると、内部関数が最初に実行され、次に外部関数が実行されます。したがって、あなたのケースでは、fullFrame()コールはwaitForImagesの前に適用されます。これは動作を説明します。私は、これはあなたが

$bg.waitForImages(function() {jQuery.fn.fullscreenr(FullscreenrOptions)}); 
+0

私はwaitForImage画像が読み込まれた後に関数を呼び出す代わりに、fullscreenr関数の戻り値を通知しましたか? load()関数を使用した場合も同じでしょうか? – dougalg

+0

* "私は過ぎていた" ...私が仲直りするときにこれを試してみる – dougalg

+0

私の提案したコードを試しましたか?それはすぐにfullscreenr – devnull69

関連する問題