页面加载之间的白色闪烁

Question

我正在完成一个网站，并在页面加载之间获得一些白色闪烁。我尝试预加载所有大图像，看看是否是问题，但仍然没有得到平滑过渡。我的所有css和js文件似乎也以正确的顺序加载。有任何想法吗？该网站是在带有全屏幕背景插件的Wordpress CMS上构建的。

js pre load

<script type="text/javascript">
 $( function(){
    $.preload( '<?php echo get_bloginfo('template_directory');?>/images/badge.png',
              '<?php echo get_bloginfo('template_directory');?>/images/bg.png',
              '<?php echo get_bloginfo('template_directory');?>/images/header.png',
              '<?php echo get_bloginfo('template_directory');?>/images/eagle_header.png',
              '<?php echo get_bloginfo('template_directory');?>/images/paper_header.png',
              '<?php echo get_bloginfo('template_directory');?>/images/left_badge.png',
              '<?php echo get_bloginfo('template_directory');?>/images/right.png',
              '<?php echo get_bloginfo('template_directory');?>/images/left.png',
              '<?php echo get_bloginfo('template_directory');?>/images/footer.png',
              '<?php echo get_bloginfo('template_directory');?>/images/logo.png'
    );
 });
</script>

The Site