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 comment:1
resolution: | → worksforme |
---|---|
status: | new → closed |
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.