I'm sure it can be done with javascript but I want to make sure before I start my journey. Do you think it's possible to load a page "behind the scenes" in a frame? For instance when someone loads the page both your page and another page can load at the same time but only your page is visible. That way they click on the huge graphic on your page (sorta like a splash screen) and it shows the second page right away. Without you having to wait for it to load. I was even thinking about fade effect but I'd want to get this working first. I almost positive it can be done just wanted to get some confirmation.
AJAX wouldn't load the post-splash screen part of the site without loading. TuesZ, why not just have the second page as the default and have the "splash screen" layered "on top" of the page covering it. The splash screen would be a layer, e.g. a <div> with 100% width/height, absolutely positioned and with a higher z-index than the rest of the page.
If you are not using Ajax, try using the IFrame trick to use on sites that do not allow manipulation of html codes.
I think krts way with divs and css is fastest and best <script> function change(){ document.getElementById('Splash').style.zIndex='0'; } </script> <div id="Splash" style="position: absolute;z-index:2;background-color: Green; width:100%;height:100%" onclick="change()"> <h1 style="margin-left:40%; margin-top:20%;">SPLASH!</h1> </div> <div id=blue style="position: absolute;;z-index:1;background-color: white; width:100%;height:100%"> <h1 style="margin-left:20%">Home Page</h1> </div> <div style="z-index:0">position: relative; position: absolute;</div> HTML: