Modify ↓
Ticket #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: | ||
| Blocking: | Blocked by: |
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
Please follow the bug reporting guidlines and use jsFiddle when providing test cases and demonstrations instead of pasting the code in the ticket.
Note: See
TracTickets for help on using
tickets.
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.