after page load, slide onto screen, before changing page slide off screen.

[njdubois]

Sort of like a slideshow, only what I am thinking is:

 

1) load the page in a hidden or off screen container.

2) When all is done, slide it from the top down into place.

3) When the user clicks a navigation button, slide that container up off screen

4) repeat.

 

What are some risks I'm taking, pitfalls?  pros and cons of doing this?

 

I know that page load time will effect this, but we are not talking much content, really it's kind of a resume type page.

 

This isn't a how do I question, it is an if I do it this way what can I expect?

 

Thanks a ton,

 

Nick

[maxxd]

If you use AJAX to load the page content the lag time shouldn't be too bad depending on the amount and type of content. Obviously if you're loading 1006 large images per page, that's going to drag your page load no matter how you navigate through it. You will have to crack into the History API to enable bookmarking and browser navigation. Also, depending on how you set everything up, you may need to build in additional checks at initial page load to make sure you're loading the proper content in case the user is navigating to a page on your site that's not your home page. For instance, if they've bookmarked a specific page and then use that bookmark next time. The only other thing I'd recommend considering early in your dev cycle is whether and how to handle non-JavaScript browsers. If a user has JS turned off, that could seriously affect the display and functionality of your site. Whether it's worth it to enact a back-up methodology or not is obviously up to you, but it's better to think about at the beginning than the end of things...