Animacja DIVa, bardzo wolno w IE Opcje

[abiku]

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

[erix]

A jak mamy to u siebie sprawdzić?

[kamil4u]

Jedyne co może przyspieszyć skrypt to:

Kod

<script type="text/javascript" language="javascript">
        var int = setInterval("moveAnim()", 30);
        var el = document.getElementById('scrool_cont');
        var val = el.offsetLeft; //możliwe, że tu musisz dać parseInt
        function  moveAnim(){
                el.style.left = (--val)+'px';
        }

    </script>

Ale to nie powinno zmienić gwałtownie szybkości, a już na pewno nie w tak dużym stopniu...

Ten post edytował kamil4u 30.10.2010, 09:42:41

[abiku]

ok problem okazal sie dosc prosty.
chodzi o skalowanie obrazkow w scrolowanym divie.
moja pliki jpg maja po 600px wysokosc. w tagu img ustawialem ja na 200px.
IE w takim przypadku strasznie zwalnia. gdy w kodzie dam wysokosc 600px animacja jest plynna i nie pochlania mocy procesora.