Having an odd week this week.<\/p>\r\n
While viewing a client’s site today in Firefox 10 I noticed that the crossfade on the site, loaded just before Christmas, wasn’t quite right – the images should crossfade into one another (using this script<\/a>), but what happened was the image faded to black and then the next image appeared. I observed the same effect on the malsup cycle plugin<\/a>, used elsewhere on the site.<\/p>\r\n Now the same script works fine in Opera 11 and Chrome, and it works fine in Firefox 10 on my demo page listed above. So what’s the difference? The only difference is that one image has a border, and one doesn’t. Add the border and the crossfade works fine, take it away and it doesn’t. Here’s a cut down illustration<\/a> – the left hand image has a border and fades to transparent, the right hand image has no border and fades to black then transparent.<\/p>\r\n Having checked a couple of other sites I’ve built, if the image is wrapped in div, all seems to be OK as well, it’s just an issue with images.<\/p>\r\n This is only an issue in Firefox 10 as far as I can see. FF9 is fine.<\/p>\r\n