PhotoDune

Page fade

68 posts
  • Bought between 100 and 499 items
  • Exclusive Author
  • Has been a member for 4-5 years
  • United States
jgodbee says

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?

68 posts
  • Bought between 100 and 499 items
  • Exclusive Author
  • Has been a member for 4-5 years
  • United States
jgodbee says

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.

1405 posts Chris Robinson
  • Microlancer Beta Tester
  • Sold between 250 000 and 1 000 000 dollars
  • Elite Author
  • 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
+5 more
contempoinc says

you could probably use .fadeIn and just attach it to your main container on page load

http://docs.jquery.com/Effects/fadeIn

68 posts
  • Bought between 100 and 499 items
  • Exclusive Author
  • Has been a member for 4-5 years
  • United States
jgodbee says

Worked perfectly and was very easy. Thank you!

22 posts
  • Bought between 1 and 9 items
  • Has been a member for 4-5 years
  • Referred between 1 and 9 users
bocaj says

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

(:

by
by
by
by
by