I tried fx.Elements, and writing my own javascript fade function, both didn't improve the fade, it seems the CSS animator thing is key, as it looks beautiful in Chrome.
Ryan, can you tell me more about fading through background, I'm not sure how this would work. If I am fading a small image in, and a big one out, it seems the have to go at the same time, if the big one is not fading out, it will just sit around the edges of the small one, then disappear. On Feb 23, 4:25 pm, Ryan Florence <[email protected]> wrote: > The bigger the image the more frightened IE and Firefox get. No way > around it. Using Fx.Elements might smooth things out a bit. > > You can also fade through background, to avoid the strange overlap of > arbitrarily sized images and be only animating one element at a time, > but sometimes that's ugly. > > On Feb 22, 2010, at 6:22 PM, Matt Thomson wrote: > > > Hi All, > > > I am trying to fade one image in and another image out, when the > > images are in the same postition (photo gallery problem). > > > Both the images have to fade, as often the images are different sizes, > > and it looks strange if a smaller one fades in on top, while the big > > one stays there, then disappears. > > > I have set up a test page here: > > >http://www.ignitewebdesign.co.nz/fade-test/fade-test.html > > > The fade looks good in Google Chrome 4, but look jumpy/patchy in > > Firefox 3.6, IE7 and IE8. > > > It seems to get more jumpy as the image width and height increase. > > > Any ideas on how to get a cross browser smooth fade are much > > appreciated. > > > Matt.
