jQuery div animation - Site areas
I have 4 pages on my site:
Home, About and Contact are contained withing a 5em wide page-container div.
Portfolio's page-container div is set to 100% to create a different kind of layout that suits it better.
The thing is, jumping between contained and uncontained pages is very unpleasing to the eye.
This is why I'm trying to implement an animation that automatically widens the div from 50em to 100% when you enter the portfolio area. (I believe this would be more understandable if you take a look at my site).
I've managed to create the base of a jQuery animation that widens the page-container when the page is loaded. The problem with this, though, is that if you accidentally click the top "Portfolio" link again, it redoes the animation (jumps back to 50em and expands to 100%, though you were already at 100%). There is also still the issue of moving to a contained page without an animation for that.
What I'm trying to create is this:
Basically two segregated areas in the site with the event for the animation based on jumping between the areas and not simply loading a page.
I hope this makes sense to you guys and that it isn't too complicated.
This is the code I have so far for the basic animation (needs tweaking by me but that's not a problem):
Thanks so much for your time!
I've hit a little roadblock, though. I won't bother explaining the specifics as there's just one thing I need to know.
|All times are GMT +1. The time now is 11:09 AM.|
Powered by vBulletin®
Copyright ©2000 - 2013, Jelsoft Enterprises Ltd.