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:
Cytuj:
<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ć...
