1

ページでフルスクリーンのjQueryプラグインを使用しています。最初に画像を非表示にし、次にwaitforimageプラグインを使用して画像上でフルスクリーンを実行し、最後にfadeInを使用して画像を表示します。

<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にページを読み込もうとすると、画像が完全に読み込まれる前にフェードインが開始されます。

フルスクリーナー関数にコールバックを追加しようとしましたが、同じ結果になりました。正しく機能するようにするにはどうすればよいですか？また、$ bg.load（）を使用してフルスクリーナーをロードしようとしましたが、うまくいきませんでした。

ありがとう！

4

1 に答える 1

2

ネストされた関数呼び出しがある場合function2(function1(whatever))、内部関数が最初に実行され、次に外部関数が実行されます。したがって、あなたの場合、fullscreenr（）呼び出しは、waitForImagesの前に適用されます...そしてそれは動作を説明します。

二度目には、これがあなたがやりたかったことだと思います

$bg.waitForImages(function() {jQuery.fn.fullscreenr(FullscreenrOptions)});
于 2012-05-03T09:33:49.790 に答える