Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Animacja DIVa, bardzo wolno w IE
abiku
post 29.10.2010, 19:56:30
Post #1





Grupa: Zarejestrowani
Postów: 11
Pomógł: 0
Dołączył: 12.05.2008

Ostrzeżenie: (0%)
-----


Witam.

mam 2 divy:
  1. <div id="scrool_cont_out">
  2. <div id="scrool_cont">
  3. .. tutaj zawarotsc, okolo 10 plikow jpg, 100kb kazdy, wyswietlane jeden za drugim
  4. </div>
  5. </div>


css:
  1. #scrool_cont_out{
  2. width:660px;
  3. float:left;
  4. overflow:hidden;
  5. height:220px;
  6. position:relative;
  7. }
  8.  
  9. #scrool_cont{
  10. width:9000px;
  11. float:left;
  12. overflow:hidden;
  13. height:220px;
  14. position:absolute;
  15. }


i prosty skrypt JS ktory przesuwa wewnatrzny DIV w lewo:
  1. <script type="text/javascript" language="javascript">
  2. int = setInterval("moveAnim()", 30);
  3.  
  4. function moveAnim(){
  5. var sc = document.getElementById('scrool_cont');
  6. sc.style.left = (sc.offsetLeft -1) + 'px';
  7. }
  8.  
  9. </script>


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
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 26.06.2025 - 21:29