White flash between page loads

Question

I am finishing up a site and getting some white flashes between page loads. I tried preloading all the big images to see if that was the problem but still not getting smooth transitions. All my css and js files seem to be loading in the correct order as well. Any ideas? The site was build on the Wordpress CMS with a full screen background plugin.

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