Skip to main content

Bug Tracker

Side navigation

#4628 closed bug (duplicate)

Opened May 05, 2009 08:41PM UTC

Closed November 13, 2010 07:26AM UTC

Last modified March 13, 2012 04:27PM UTC

Jquery.animate div with swf ( the swf blinks )

Reported by: dustinm Owned by:
Priority: major Milestone: 1.4
Component: effects Version: 1.3.2
Keywords: swf, animate, div Cc: dmccory@yahoo.com
Blocked by: Blocking:
Description

The Setup:

I have setup a basic html page using swfObject 2.0 to embed a flash piece in a container wrapped with a wrapper div. Then using Jquery I intend on animating the height of the wrapper div allowing the flash file to stretch within the div. The animate code below works as expected in IE6 but not in FireFox 3. I have tried this using MooTools animation and it works cross browser. So I do not believe this to be a plugin|rendering issue for Firefox. It has to lie within the code set of Jquery.

The Problem:

The flash file looks to be reloading and starts blinking a few times during the animation cycle.

The Code:

<div id="swfWrapper">

<div id="swfContainer">

This div get replaced with a swf using swfObject 2

</div>

</div>

$(document).ready(function()

{

// Neither of these options work in FireFox 3.

$("#swfWrapper").animate( {height:1000}, 1000);

$("#swfWrapper").effect("size", {to:{height:1000}}, 1000);

});

Attachments (0)
Change History (5)

Changed May 05, 2009 08:48PM UTC by dustinm comment:1

This problem also occurs when you use a direct embed method ( object & embed tags ) for the swf.

Changed July 22, 2009 07:51PM UTC by Joust comment:2

This might be a duplicate of #4872.

Generally, jQuery breaks flash when animate()ing on firefox. And no fix yet even though it's so simple to mend.

Changed June 13, 2010 02:42AM UTC by dmethvin comment:3

component: unfiledfx

Changed November 13, 2010 07:26AM UTC by addyosmani comment:4

resolution: → duplicate
status: newclosed

Changed November 13, 2010 07:26AM UTC by addyosmani comment:5

Duplicate of #4872.