A feature which I have been using fine up until now (I have not modified the web page code) suddenly appears not to work with Firefox 10.0. It works fine in IE9.
You should be able see the issue occurring on varndean.co.uk - here jQuery is used to transition/cycle through two images. In Firefox 10 the image fades to black, and then the next image suddenly appears abruptly. Previously, the images used to fade into
each other fine. Does anyone please have any suggestions as to why this is now happening, and how I might fix it?
The calling code is as follows - it makes use of a jQuery library file which can be found at http://malsup.com/jquery/cycle/
//jQuery: Slideshow
//Initialize the slideshow when the DOM is ready
$(document).ready
(
function function()
{
$('.slideshow').cycle
(
{
fx: 'fade', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
speed: 3000, // defines the number of milliseconds it will take to transition from one slide to the next.
timeout: 2500, // specifies how many milliseconds will elapse between the start of each transition
pause: 1 // so that pauses when user hovers over a slide
}
);
}
);
There appears to be a bug with Firefox 10.0 - see the following for more info. It appears someone has posted this on Mozillazine and contacted Mozilla - hopefully a fix is on the way soon...!
zoggling
Member
200 Points
318 Posts
jQuery cycle plugin functionality broken in Firefox 10.0
Feb 09, 2012 03:19 PM|LINK
A feature which I have been using fine up until now (I have not modified the web page code) suddenly appears not to work with Firefox 10.0. It works fine in IE9.
You should be able see the issue occurring on varndean.co.uk - here jQuery is used to transition/cycle through two images. In Firefox 10 the image fades to black, and then the next image suddenly appears abruptly. Previously, the images used to fade into each other fine. Does anyone please have any suggestions as to why this is now happening, and how I might fix it?
The calling code is as follows - it makes use of a jQuery library file which can be found at http://malsup.com/jquery/cycle/
//jQuery: Slideshow //Initialize the slideshow when the DOM is ready $(document).ready ( function function() { $('.slideshow').cycle ( { fx: 'fade', // choose your transition type, ex: fade, scrollUp, shuffle, etc... speed: 3000, // defines the number of milliseconds it will take to transition from one slide to the next. timeout: 2500, // specifies how many milliseconds will elapse between the start of each transition pause: 1 // so that pauses when user hovers over a slide } ); } );abiruban
All-Star
16048 Points
2734 Posts
Re: jQuery cycle plugin functionality broken in Firefox 10.0
Feb 09, 2012 04:39 PM|LINK
Hi
http://stackoverflow.com/questions/1719475/jquery-cycle-firefox-squishing-images
***DON'T FORGET TO CLICK “MARK AS ANSWER” ON THE POST IF HELPED YOU.
zoggling
Member
200 Points
318 Posts
Re: jQuery cycle plugin functionality broken in Firefox 10.0
Feb 13, 2012 09:05 AM|LINK
There appears to be a bug with Firefox 10.0 - see the following for more info. It appears someone has posted this on Mozillazine and contacted Mozilla - hopefully a fix is on the way soon...!
http://forum.jquery.com/topic/cycle-plugin-firefox-10-transparency-issues