What would be the best way to fade in an entire page. I’m trying to convert a few flash pages that fade in to plain html pages. I have already coded the pages, but looking for a nice script for fading in an entire page. I checked some of the jquery sources I have bookmarked with no luck. Any ideas?
Forgot to mention. I’m not looking for the cheesey checkered page fades from the past. I just want a soft transition when a page loads is all.
- Microlancer Beta Tester
- Sold between 250 000 and 1 000 000 dollars
- Author was Featured
- Item was Featured
- Has been a member for 4-5 years
- Author had a File in an Envato Bundle
- Referred between 200 and 499 users
- Author had a Free File of the Month
you could probably use .fadeIn and just attach it to your main container on page load
Worked perfectly and was very easy. Thank you!
I wrote this little snippet for someone on a forum a while back, It’ll fade each page in and out, if that’s any further help to you or anyone who looks for this.
$(document).ready(function(){
jQuery(document.body).hide();
jQuery(document.body).fadeIn(1500);
jQuery('a').click(function(){
jQuery(document.body).fadeOut();
setTimeout("nav('"+this.href+"')",1500);
return false;
});
});
function nav(href){
location.href=href;
}
If it doesn’t show the code properly, you can see the original thread here:
http://www.webdesignerforum.co.uk/index.php?showtopic=18178&hl=fade+transition
(:
