(JS)

HTML to podstawy w dziedzinie tworzenia stron WWW, Style CSS warto opanować, bowiem za ich pomocą można dostosować odpowiednio wygląd swojej witryny WWW. Zagłębiamy się dalej i udostępniamy w tym forum możliwość zadawania pytań o JavaScript.
ODPOWIEDZ
furiatex
Nowy
Nowy
Posty: 33
Rejestracja: pn mar 24, 2008 12:03 pm
Lokalizacja: W-wa

(JS)

Post autor: furiatex »

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ę :)

oto kod:
<script>
$(document).ready(function() {

function loadingStep1()
{
$(".div2").css('display','none')
$(".div3").css('display','none')
$(".div4").css('display','none')
$(".div5").css('display','none')
$(".div6").css('display','none')
$(".div7").css('display','none')
$(".div8").css('display','none')
$(".div9").css('display','none')
setTimeout(function(){$(".div1").fadeOut(1500, function()
{
loadingStep2();

});}, 3000);
}

function loadingStep2()
{
$(".div2").fadeIn(1500, function() {
setTimeout(function(){$(".div2").fadeOut(1500, function()
{
loadingStep3();
});}, 3000);
})
};
function loadingStep3()
{
$(".div3").fadeIn(1500, function() {
setTimeout(function(){$(".div3").fadeOut(1500, function()
{
loadingStep4();
});}, 3000);
})
};
function loadingStep4()
{
$(".div4").fadeIn(1500, function() {
setTimeout(function(){$(".div4").fadeOut(1500, function()
{
loadingStep5();
});}, 3000);
})
};
function loadingStep5()
{
$(".div5").fadeIn(1500, function() {
setTimeout(function(){$(".div5").fadeOut(1500, function()
{
loadingStep6();
});}, 3000);
})
};
function loadingStep6()
{
$(".div6").fadeIn(1500, function() {
setTimeout(function(){$(".div6").fadeOut(1500, function()
{
loadingStep7();
});}, 3000);
})
};
function loadingStep7()
{
$(".div7").fadeIn(1500, function() {
setTimeout(function(){$(".div7").fadeOut(1500, function()
{
loadingStep8();
});}, 3000);
})
};
function loadingStep8()
{
$(".div8").fadeIn(1500, function() {
setTimeout(function(){$(".div8").fadeOut(1500, function()
{
loadingStep9();
});}, 3000);
})
};

function loadingStep9()
{
$(".div9").fadeIn(1500, function() {
setTimeout(function(){$(".div9").fadeOut(1500, function()
{ $(".div1").fadeIn(1500, function() {
loadingStep1(); });
});}, 3000);

})
};


loadingStep1();
})
</script>
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ć...
ODPOWIEDZ