A very simple image crossfader
Hello,
I am trying to figure out the simplest way of fading between images when triggered by hovering over the respective link.
Now, I am very new to jQuery and tried to adapt some existing code to suit my needs, however I encountered two problems:
1) The images don't fade correctly in internet explorer 7. Instead of a fading effect, the image seems to load choppily in sections (and returns an error).
2) I can only fade in a certain order (i.e. link1 then link2, but not link2 then link1).
Ideally, I'd not like to have to hardcode a bunch of divs into the page. Instead I would create divs using DOM on the fly using ajax (in batches, for there are several sections), or preload all the sections using some simple php, but thats another matter. The main thing is that I need to be able to fade back and forth between images triggered by hovering over links. You can have a look at my attempted code at relinquish.googlepages.com/adaptation.htm.
Thanks.