Results 1 to 2 of 2
May 9, 2011, 22:25 #1
- Join Date
- Oct 2001
- Vancouver BC Canada
- 4 Post(s)
- 0 Thread(s)
jQuery crossfading div's Win XP IE 8 issue
I'm trying to figure out an IE issue with an ultra simple jQuery block of code that fades a stack of divs that are basic information banners.
Here's the basic premise:
1) Each information banner is a absolutely positioned (0,0) div with a background image, headline (h2), info paragraph (p), and a foreground image. The banner divs are of the class .views-row and also have a unique class applied to them like views-row-1, views-row-2, etc...
2) All of the banners get loaded via a content management system into a container (#banner) and I use CSS to make them display:none.
3) Then I use jQuery to check if there are any banner and if so fadeIn the first banner and then use setInterval() to call a function to fade the existing one out and the next one in line in; views-row-1, views-row-2, etc...
This works just fine and dandy in anything on the Mac and not bad in Win Vista/7 however in IE 8 on Windows XP the fading is extremely clunky and text parts seem to hang before completely fading out.
AndrewAndrew Wasson | www.lunadesign.org
Principal / Internet Development