Javascript/Fancybox错误?

Javascript/Fancybox错误?,javascript,jquery,jquery-plugins,fancybox,Javascript,Jquery,Jquery Plugins,Fancybox,在我的页面上,我在一个主图像下面有6个框,使用JS有一个很好的淡入效果。在这个页面上,我还在页面的开头加载了Fancybox(使用onload),以显示用户需要查看的图像 问题是当用户首次加载页面时,其中一个框几乎不会显示此问题的屏幕截图: 问题是我如何解决这个问题,这样这个问题就不会发生了?注意:缓存页面后,不会发生此问题 以下是方框的JS: var $j = jQuery.noConflict(); $j(document).ready(function(){ Engine.Initial

在我的页面上,我在一个主图像下面有6个框,使用JS有一个很好的淡入效果。在这个页面上,我还在页面的开头加载了Fancybox(使用onload),以显示用户需要查看的图像

问题是当用户首次加载页面时,其中一个框几乎不会显示此问题的屏幕截图:

问题是我如何解决这个问题,这样这个问题就不会发生了?注意:缓存页面后,不会发生此问题

以下是方框的JS:

var $j = jQuery.noConflict();

$j(document).ready(function(){
Engine.Initialize();
if( !$j('body').hasClass('index') && !$j('body').hasClass('homepage') ) {
}
});

var Engine = {

Initialize: function() {
    Engine.Homepage_Animation();
},

Homepage_Animation: function() {
    if( !$j.browser.msie ) {
        $j('#homepage-main-item img').hide().fadeIn(700, function(){
            $j(this).css('display', 'block');

            $j('#homepage-boxes .boxes').each(function(i) {
                $j(this).delay(100 * i).animate({
                    opacity: 1
                }, 300);
            });
        });

    } else {
        $j('#homepage-main-item img').css('display', 'block');
        $j('#homepage-boxes .boxes').css('opacity', 1);
    }
},

}
这是Fancybox的JS

     <script type="text/javascript" >
     var $j = jQuery.noConflict();
$j(document).ready(function(){
 $j("#start").fancybox({
 'padding' : 0
 });
});
</script>

var$j=jQuery.noConflict();
$j(文档).ready(函数(){
$j(“#开始”).fancybox({
“填充”:0
});
});
Fancybox的HTML

    <div class="hide">
    <img src="/Images/skin/spacer1x1.png" onload="$j('#start').trigger('click');" />  
<a href="#welcome" id="start"></a>
    <img id="welcome" usemap="#Map" alt="PLEASE VIEW PAGE WITH IMAGES ON" src="/Images/start/start.png" />
    <map id="Map" name="Map">
    <area alt="See Message Examples" href="/artistphotos/" coords="29,431,301,465" shape="rect" />
    <area alt="Enter Site" href="javascript:$j.fn.fancybox.close();" coords="436,433,567,464" shape="rect" />
    </map>
</div> 


感谢您的帮助=>

如果您想先运行fancybox,请使用fancybox onComplete回调:

$j(document).ready(function(){
    $j('#start').fancybox({

        'onComplete': function () {
            Engine.Initialize();
        }

    });
});
否则,请在调用自定义初始化函数后输入fancybox代码:

$j(document).ready(function(){
    Engine.Initialize();

    $j("#start").fancybox({
        'padding' : 0
    });
});