A whole website with slide effect
I'll try to explain myself the best way:
I am trying to achieve that "effect" on my site, with no luck:
http://manos.malihu.gr/tuts/animate-page-to-id/plugin/demo-auto-layout.html
I am trying to modify it a bit. (it's a plug-in)
Every section(page)should be 100% on the window, so if a user zoom-out from the page he won't see the other pages, over-flow: hidden; of course.
It will be used along with navigation panel that will be position: fixed;
The main idea is a simple site with navigation panel every page direct to the appropriate id section.
If it's possible, when user is now in section 1 and click on section 7 he will be direct to section 7 but with some kind of effect that will cause the middle sections to be blur or something.
I don't understand how to accomplish that, the whole body width,height should be
100% * number_of_"pages"? positioning? I really tried to accomplish that, and spent many hour on it but with no result.
I will be happy to explain myself even better if needed.
I appreciate any help, and i think that an example will be most helpful here.