Bug Tracker

Opened 9 years ago

Closed 9 years ago

Last modified 8 years ago

#8756 closed bug (worksforme)

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

Reported by: yzhang738@… 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.

Change History (1)

comment:1 Changed 9 years ago by addyosmani

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.

Note: See TracTickets for help on using tickets.