• › Witaj Gościu
  • Jesteś niezalogowany (
  • Zaloguj 
  •  lub  

Logo


Strefa czasowa: UTC + 1




Utwórz nowy wątek Odpowiedz w wątku  [ Posty: 1 ] 
Autor Wiadomość
 Tytuł: (JS)
PostNapisane: So maja 19, 2012 1:11 pm 
Offline
Nowy
Nowy

Dołączył(a): Pn mar 24, 2008 12:03 pm
Posty: 33
Lokalizacja: W-wa
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ć...


Góra
 Zobacz profil  
 
Wyświetl posty nie starsze niż:  Sortuj wg  
Utwórz nowy wątek Odpowiedz w wątku  [ Posty: 1 ] 

Strefa czasowa: UTC + 1


Kto przegląda forum

Użytkownicy przeglądający ten dział: Brak zidentyfikowanych użytkowników i 2 gości


Nie możesz rozpoczynać nowych wątków
Nie możesz odpowiadać w wątkach
Nie możesz edytować swoich postów
Nie możesz usuwać swoich postów

Szukaj:
Skocz do:  
cron

Polecamy












Powered by phpBB
Przyjazne użytkownikom polskie wsparcie phpBB3 - phpBB3.PL
Not able to open ./cache/data_global.php