Forum PHP.pl

Witam.

mam 2 divy:

[HTML] pobierz, plaintext 
<div id="scrool_cont_out">
	<div id="scrool_cont">
                 .. tutaj zawarotsc, okolo 10 plikow jpg, 100kb kazdy, wyswietlane jeden za drugim
         </div>
</div>
[HTML] pobierz, plaintext 

css:

[HTML] pobierz, plaintext 
#scrool_cont_out{
	width:660px;
	float:left;
	overflow:hidden;
	height:220px;
	position:relative;
}
 
#scrool_cont{
	width:9000px;
	float:left;
	overflow:hidden;
	height:220px;
	position:absolute;
}
[HTML] pobierz, plaintext 

i prosty skrypt JS ktory przesuwa wewnatrzny DIV w lewo:

[PHP] pobierz, plaintext 
<script type="text/javascript" language="javascript">
		int = setInterval("moveAnim()", 30);
 
		function  moveAnim(){	
				var sc = document.getElementById('scrool_cont');
				sc.style.left = (sc.offsetLeft -1) + 'px';
		}
 
	</script>
[PHP] pobierz, plaintext 

dziala ok tylko w Firefoxie.
w IE co prawda animacja dziala, ale strasznie wolno, uzycie CPU wzrasto do 50%, czasami skrypt sie zatrzymuje.
Co moze byc tego przyczyna? cos jest zle w tym co zrobilem?

Ten post edytował abiku 29.10.2010, 19:57:27