Witam,

Mój problem pokazany jest na obrazku poniżej. "Świetliki" zrobione są we flashu, próbowałem też szukać rozwiązania w jQuery, ale niestety znaleziony plugin nie spełnia moich wymagań, a ta animacja flash jest wręcz idealna.



Mianowicie, tłem są zmieniające się obrazki, a pod elementem flash tworzy się takie brzydkie "opóźnienie", które widać powyżej.

Czy jest jakiś sposób temu zaradzić?


Oto wszelkie dot. tego fragmenty kodu:

[HTML] pobierz, plaintext 
<div id="main-logo">
		<img src="images/logo.png" alt="Logo"/>
		<object width="400" height="150" align="middle" style="left:-50px; top:-50px; position:absolute;">
				<param name="movie" value="particles1.swf" />
				<param name="quality" value="best" />
				<param name="bgcolor" value="transparent" />
				<param name="play" value="true" />
				<param name="loop" value="true" />
				<param name="wmode" value="transparent" />
				<param name="scale" value="showall" />
				<param name="menu" value="false" />
				<param name="devicefont" value="false" />
				<param name="salign" value="" />
				<param name="allowScriptAccess" value="sameDomain" />
				<!--[if !IE]>-->
				<object type="application/x-shockwave-flash" data="particles1.swf" width="400" height="150">
					<param name="movie" value="particles1.swf" />
					<param name="quality" value="best" />
					<param name="bgcolor" value="#bde7fc" />
					<param name="play" value="true" />
					<param name="loop" value="true" />
					<param name="wmode" value="transparent" />
					<param name="scale" value="showall" />
					<param name="menu" value="true" />
					<param name="devicefont" value="false" />
					<param name="salign" value="" />
					<param name="allowScriptAccess" value="sameDomain" />
				<!--<![endif]-->
					<a href="http://www.adobe.com/go/getflash">
						<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
					</a>
				<!--[if !IE]>-->
				</object>
				<!--<![endif]-->
			</object>
	</div>
[HTML] pobierz, plaintext 

css

[HTML] pobierz, plaintext 
div#main-logo{
	width:308px;
	height:55px;
	position:absolute;
	z-index:100;
	top:calc(50% - 27.5px);
	left:calc(50% - 154px);
}
[HTML] pobierz, plaintext 

Z góry dziękuje za pomoc