1

我在我的页面上使用fullscreenr jQuery 插件。首先，我隐藏图像，然后使用 waitforimage 插件对其运行 fullscreenr，最后使用 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>

我的问题是，不知何故，有些事情不太正常。这在我的开发盒上运行良好，但是当我尝试在网络上加载页面时，fadeIn 在图像完全加载之前开始。

我尝试向 fullscreenr 函数添加回调，但结果相同。我能做些什么来确保它正常工作？我也尝试使用 $bg.load() 来加载 fullscreenr，但没有运气。

谢谢！

4

1 回答 1

2

当您有嵌套函数调用时function2(function1(whatever))，将首先执行内部函数，然后执行外部函数。因此，在您的情况下，将在 waitForImages 之前应用 fullscreenr() 调用...这将解释该行为。

第二次瞥见我想这就是你想做的

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