Skip to main content

Bug Tracker

Side navigation

#8756 closed bug (worksforme)

Opened April 03, 2011 03:03AM UTC

Closed April 05, 2011 02:57PM UTC

Last modified March 14, 2012 05:25PM UTC

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

Reported by: yzhang738@gmail.com Owned by:
Priority: undecided Milestone: 1.next
Component: unfiled Version: 1.4
Keywords: Cc:
Blocked by: Blocking:
Description

$("#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.

Attachments (0)
Change History (1)

Changed April 05, 2011 02:57PM UTC by addyosmani comment:1

resolution: → worksforme
status: newclosed

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.