Diskuze: Animace

JavaScript JavaScript Animace

Avatar

Člen
Avatar
:

Řekněme, že mám tento kód:

$(document).ready(function(){
        $('#animace')
        .css({"background": "center center no-repeat url('obrazky/animace1.png'), url('obrazky/pozadi1.png')"})
        .animate({opacity:1}, "slow");
});

A jak bych mohl udělat, když obrázků bude více, aby se prolínaly jeden za druhým postupně?

 
Odpovědět 26.2.2014 16:31
Avatar
Honza Bittner
Redaktor
Avatar
Odpovídá na
Honza Bittner:

Co přesně chceš udělat?

Aby se ti po načtení stránky zobrazilo postupně X obrázků?

Nahoru Odpovědět 27.2.2014 23:36
Ptejte se mě na cokoli na https://github.com/HoBi/ama a followujte mě na Twitteru https://twitter.com/tenhobi. :-)
Avatar

Člen
Avatar
Odpovídá na Honza Bittner
:

Jo,postupně za sebou.

 
Nahoru Odpovědět 28.2.2014 14:46
Avatar
Honza Bittner
Redaktor
Avatar
Odpovídá na
Honza Bittner:

A co použít něco jako toto

var delay = 100;
$('.obrazky').each(function(index) {
   $(this).delay(delay).fadeIn(1000);
   delay += 1200;
});

? Nevím jestli to je nejlepší možnost jak časovat animace po sobě, to jsem zatím moc nezkoumal...

Kdyžtak pište jak se to dá zlepšit, rád se přiučím... :)

Nahoru Odpovědět 28.2.2014 15:51
Ptejte se mě na cokoli na https://github.com/HoBi/ama a followujte mě na Twitteru https://twitter.com/tenhobi. :-)
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 4 zpráv z 4.