NOVINKA - Online rekvalifikační kurz Python programátor. Oblíbená a studenty ověřená rekvalifikace - nyní i online.
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

Diskuze: Animace

V předchozím kvízu, Online test znalostí JavaScript, jsme si ověřili nabyté zkušenosti z kurzu.

Jak se ti líbí článek?
Před uložením hodnocení, popiš prosím autorovi, co je špatněZnaků 0 z 50-500
Jak se ti kurz líbí?
Tvé hodnocení kurzuZnaků 0 z 50-500
Aktivity
Avatar

Člen
Avatar
:26.2.2014 16:31

Ř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
Tvůrce
Avatar
Odpovídá na
Honza Bittner:27.2.2014 23:36

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
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar

Člen
Avatar
Odpovídá na Honza Bittner
:28.2.2014 14:46

Jo,postupně za sebou.

 
Nahoru Odpovědět
28.2.2014 14:46
Avatar
Honza Bittner
Tvůrce
Avatar
Odpovídá na
Honza Bittner:28.2.2014 15:51

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
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
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.