[jQuery] Re: Fade out the whole page before loading next page

2008-05-21 Thread Peter Higgins
Just to jump in, You might get better animation quality/performance from a full screen fade if you fade _in_ a solid div occupying 100% of the viewport, rather than fading out the body tag. If the overlay div is the same color as your background, the effect will be near identical. the

[jQuery] Re: Fade out the whole page before loading next page

2008-05-20 Thread Sid
Hamish, Does the window.location wait for the fade animation to complete? I currently use a setTimeout to load data into a div container after the fade in animation has completed, else while the div is fading in, the loaded data shows through. On May 20, 9:26 am, Hamish Campbell [EMAIL

[jQuery] Re: Fade out the whole page before loading next page

2008-05-19 Thread Hamish Campbell
You have to intercept clicks on links, store the href while the page fades then redirect to that address: $(document).ready(function(){ $('a').click(function() { var target = $(this).attr('href'); $('body').fadeOut('slow', function() { window.location = target;