podrzanie obrazku 3 sekundy

Lier · Napísal **Lier**: 11.03.2010 23:17

Ahojte, chcel by som sa opytat. Chcel by som urobit nieco take. Tak, aby sa na web stranke pomaly nacital obrazok. Myslim vysiel z pozadia do popredia, podrzal sa 3 sekundy a potom znova zmizol. Da sa take nieco urobit? Dakujem za odpovede.

Ďuri · Napísal **Ďuri**: 12.03.2010 7:48

Odporucam nasledovne: zadefinujes si v CSS dve triedy, trebars .obrazok-vpredu a .obrazok-vzadu a tam nadefinujes vlastnosti obrazku (pozicia, z-index atd.) vpredu, resp. vzadu. Potom v <script>e najprv zmenis jeho className na 'obrazok-vpredu' (toto by si nemal nastavit explicitne pomocou atributu v HTML - ludia s vypnutym Javascriptom by mali obrazok sustavne vpredu) a dalej nastavis setTimeout na zmenu className na 'obrazok-vzadu' na 3000ms.
Okrem toho - si si isty, ze navstevnici tvojej stranky budu radi, ak im zrazu vyskoci nejaky obrazok? Myslis, ze to nikomu nebude prekazat?

GoodWill · Napísal **GoodWill**: 12.03.2010 10:21

Urcite budu radi. Vsetci mame radi reklamu na celu obrazovku

K veci: S pokocou jQuery to mozes mat aj pekne animovane. V dokumentacii najdes ukazku pouzitia. Nevyhodou je ako duri pise, ze ludia bez javascriptu to neuvidia (ale to je mozno dobre

Lier · Napísal autor témy **Lier**: 12.03.2010 15:22

Nie neboj, je tolen taky obrazok, ktory je podstratny, ale nepasuje mi k designu, tak len som ho tam jemne vystricol a pomaly dal prec. Pouzil som nakoniec:

Kód:

$(document).ready(function() {
    setTimeout(function() {
        $("#obrazok").fadeOut(5000);
      }, 1000); 
   
    });

a nechal som ho len na sekundu, taky je skaredy

Dakujem za rady.

podrzanie obrazku 3 sekundy

Podobné témy