fadeIn and fadeOut for JQuery-1.4.1 not working for Firefox 3.6

[yzhang738@…]

$("#Image1").fadeOut("slow", function () {

$("#Image1").attr("src", srcimage); $("#Image1").fadeIn("slow");

The above code does not work for firefox 3.6, but work for IE8, Safari and Chrome.

[addyosmani]

Ideally, you should be checking to see if the image you're switching in has completed loading before trying to execute any further logic on the page, but I've put together a working test case based on what you mention in your ticket here ​http://jsfiddle.net/addyosmani/HSg7N/. Checking with Firefox 3.6 (and also 3.5 just for posterity) this is working absolutely fine for me. The issue you experienced may have either been down to 1) The fact you're missing '});' at the end of your code or 2) A slow server serving up your images. If 2) is the case, please refer to my initial advice regarding adding a load handler to see if the image has in fact finishing loading up.