troubleshooting Question

IE8 - jQuery - Page fade-in effect

Avatar of Barry Jones
Barry JonesFlag for United Kingdom of Great Britain and Northern Ireland asked on
Web BrowsersJavaScriptjQuery
6 Comments1 Solution1091 ViewsLast Modified:
Hi.

I have a jQuery effect (fade-in) running on the div that contans all the webpage markup, so that the page fades in (on window.load), rather than showing the page elements as it downloads them.

It works great in Chrome, Firefox, Opera, and Safari, but as to be expected, doesn't work right in Internet Explorer 8.

The url is http://som.thefootonline.com/

Can anybody suggest any ideas as to why?

Basically a small piece of javascript after the <body> tag hides the page element:

$('#wrapper').hide();

.. before the user gets to see it.  Then on window load the following jQuery effect is used:

$('#wrapper').fadeIn(3000);

Any ideas why IE8 appears to show the menu and main image elements suddenly, while the page content fades in ok?

TIA, TheFoot
ASKER CERTIFIED SOLUTION
David S.
Consultant & Challenge Subduer

Our community of experts have been thoroughly vetted for their expertise and industry experience.

Top Expert 2009

The Distinguished Expert awards are presented to the top veteran and rookie experts to earn the most points in the top 50 topics.

Join our community to see this answer!
Unlock 1 Answer and 6 Comments.
Start Free Trial
Learn from the best

Network and collaborate with thousands of CTOs, CISOs, and IT Pros rooting for you and your success.

Andrew Hancock - VMware vExpert
See if this solution works for you by signing up for a 7 day free trial.
Unlock 1 Answer and 6 Comments.
Try for 7 days

”The time we save is the biggest benefit of E-E to our team. What could take multiple guys 2 hours or more each to find is accessed in around 15 minutes on Experts Exchange.

-Mike Kapnisakis, Warner Bros