Witam,

Napisałem taki kod JS, którego zadaniem jest zmiana przezroczystości wszystkich elementów klasy div1, div2, div3 itd. Problem pojawia się przy 5 "slajdzie" (bo to ma tworzyć efekt "slajdów").
Kod po prostu się zacina, nie wykonuje następnych instrukcji - w Chrome po prostu slajdy się zatrzymują, natomiast FF się wiesza...
Czy to jest spowodowane "topornością kodu"? zjada za dużo zasobów, czy co?
Pomóżcie proszę smile.gif

oto kod:
[JAVASCRIPT] pobierz, plaintext 
  1. <script>
  2. $(document).ready(function() {   
  3.  
  4.   function loadingStep1()   
  5.   {    
  6.   $(".div2").css('display','none')
  7.   $(".div3").css('display','none')
  8.   $(".div4").css('display','none')
  9.   $(".div5").css('display','none')
  10.   $(".div6").css('display','none')
  11.   $(".div7").css('display','none')
  12.   $(".div8").css('display','none')
  13.   $(".div9").css('display','none')
  14.    setTimeout(function(){$(".div1").fadeOut(1500, function() 
  15.     {       
  16.       loadingStep2();   
  17.  
  18.     });}, 3000);
  19.   }
  20.  
  21.  function loadingStep2()   
  22.   {     
  23.     $(".div2").fadeIn(1500, function() { 
  24.     setTimeout(function(){$(".div2").fadeOut(1500, function() 
  25.     {       
  26.       loadingStep3();     
  27.     });}, 3000);
  28.     })
  29.   };
  30.    function loadingStep3()   
  31.   {     
  32.     $(".div3").fadeIn(1500, function() { 
  33.     setTimeout(function(){$(".div3").fadeOut(1500, function() 
  34.     {       
  35.       loadingStep4();     
  36.     });}, 3000);
  37.     })
  38.   };
  39.      function loadingStep4()   
  40.   {     
  41.     $(".div4").fadeIn(1500, function() { 
  42.     setTimeout(function(){$(".div4").fadeOut(1500, function() 
  43.     {       
  44.       loadingStep5();     
  45.     });}, 3000);
  46.     })
  47.   };
  48.       function loadingStep5()   
  49.   {     
  50.     $(".div5").fadeIn(1500, function() { 
  51.     setTimeout(function(){$(".div5").fadeOut(1500, function() 
  52.     {       
  53.       loadingStep6();     
  54.     });}, 3000);
  55.     })
  56.   };
  57.        function loadingStep6()   
  58.   {     
  59.     $(".div6").fadeIn(1500, function() { 
  60.     setTimeout(function(){$(".div6").fadeOut(1500, function() 
  61.     {       
  62.       loadingStep7();     
  63.     });}, 3000);
  64.     })
  65.   };
  66.        function loadingStep7()   
  67.   {     
  68.     $(".div7").fadeIn(1500, function() { 
  69.     setTimeout(function(){$(".div7").fadeOut(1500, function() 
  70.     {       
  71.       loadingStep8();     
  72.     });}, 3000);
  73.     })
  74.   };
  75.        function loadingStep8()   
  76.   {     
  77.     $(".div8").fadeIn(1500, function() { 
  78.     setTimeout(function(){$(".div8").fadeOut(1500, function() 
  79.     {       
  80.       loadingStep9();     
  81.     });}, 3000);
  82.     })
  83.   };
  84.  
  85.    function loadingStep9()   
  86.   {     
  87.     $(".div9").fadeIn(1500, function() { 
  88.     setTimeout(function(){$(".div9").fadeOut(1500, function() 
  89.     {       $(".div1").fadeIn(1500, function() { 
  90.       loadingStep1();    });   
  91.     });}, 3000);
  92.  
  93.     })
  94.   };
  95.  
  96.  
  97.   loadingStep1(); 
  98. })
  99. </script>
[JAVASCRIPT] pobierz, plaintext


działanie tego możecie obejrzeć na http://www.rollprint.home.pl/joomla/

Jeśli macie jakiś pomysł jak to zoptymalizować czy cokolwiek to proszę o rady.
Może dałoby się to zrobić w jakiejś pętli... tylko nie mam pojęcia jak się do tego zabrać...