Printable View
Hi,
I am trying to make smooth transitions between pages on my website. I tried this site http://www.onextrapixel.com/2010/02/...e-transitions/ but all it did was just apply a fade out and fade in transition. The url bar still loaded. I want it to look more like the iCloud.com transitions when you click on one of the main icons. If anyone knows how to do this, that would be awesome.
What I like most in the Guild Wars 2 is the PVP system. It is really exciting to face all kinds of opponents from all over the world. I do not need to do quests one after another and I do not need to run all the way to complete the quests. What I need to do is to fight for glory. What about you? What do you like most in the game?
It is nice, but how do I implement it?
My guess is they're doing a preventDefault() on the <a> click, fading out the current page container, then setting a timeout to redirect the URL.
What would be the code to do that? I'm very new to JavaScript.
Use JQuery. Get the URL from the <a>. Find out how to do a preventDefault(). Animate opacity on the body or container div. Call the complete function to redirect to whatever URL when the animation is complete. I'm not going to write the code for you. It's very simple, and the best way to learn is the figure it out. I've given you the necessary steps. If you can't come up with the code from some researching, then you're just wasting both our time. :)
