jQuery Innerfade - fading weirdly on IE7

Question

Hi all!

I'm wrapping up a new site, http://architect.sitesbyjoe.com and I'm using the innerfade plugin on the site's homepage. For some reason, the fading is slow and choppy.

The only other thing Javscript-wise is the Fancy Zoom, but I've already removed it etc with no change.

Any thoughts? Other posts are pointing to CSS issues....

Answer 1

I can't help myself, I still wonder - isn't that innerfade tad overkill? (I noticed you use it only for the landing page, don't you?)

I did the very same with like 20 lines of jQuery code (and it's a bit configurable :) ) - if you're interested, I could post it :)

Also, the animation still feels a bit choppy in Google chrome.

Answer 2

I opened your main page in FF with firebug extension, enabled the console. It is throwing this error about as fast as it can scroll:

this.GetObj(this.divID) is null https://server.iad.liveperson.net/hcp/html/mTag.js?site=61775231 Line 1

this.GetObj(this.divID) is null https://server.iad.liveperson.net/hcp/html/mTag.js?site=61775231 Line 1

Maybe that function is eating away at your cpu cycles?

Answer 3

The problem was a combination of floating and absolute positioning. I removed one of the two and things started behaving again!