White flash between page loads

White flash between page loads

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