I have a flash movie with a transparent background over a moving jQuery slideshow. Whenever the slides move (they slide horizontally) the logo’s background lags in the sense that it cant keep up with rendering the correct background underneath. It is always a step behind (when the slideshow is in motion).
I am currently using
so.addParam("wmode", "transparent");
In my flash code in order to render the background transparent.
Have you encountered this before? Do you know a fix?
It only seems to happen in Firefox, not Chrome, IE or Safari.
Example:
Thanks!
– Chris
Background: the lags occur because of the way the plugin handles rendering depending on the wmode setting, “transparent” being a total hog (thanks, Captain Obvious!) To recap, there are five possible modes supported by the latest Flash Player: direct, gpu, opaque, transparent and window. Adobe knowledge base has a very decent overview of their specifics but it all comes down to using hardware acceleration or not and blending with overlaying/underlaying content. Unfortunately “transparent” is the only option suitable for your situation.
Fix: lower your flash movie FPS. Drop it down to something like “1” just for fun and test – if it works fine your options are either finding an equilibrium frame rate or (imo, a better option) arranging for javascript<->actionscript link so that whenever a slideshow movement starts the flash movie lowers FPS and bounces it back to normal upon completion. If lowering FPS doesn’t work, weep manly and proceed in a different direction.
I see the overlay is a company logo – is it animated? If not, maybe you could have it saved as a transparent png and enjoy no performance degradation.