Obrázky

Javascript přistupuje k obrázkům pomocí dvou vlastností:

pořadí obrázku na stránce document.images[0] n
document.obrazek, pokud použijeme u prvku img atribut name.

Manipulace s obrázky - rollover

Úkol: Vložte obrázek zavřené obálky, který se po najetí myši změní na obrázek otevřené obálky.

function zavri(){

document.obrazek.src="obalka_zavrit.gif";

}

function otevri(){

document.obrazek.src="obalka_otevrit.gif";

}

</script>

</head>

<body>

Funkce otevri() změní obrázek (atribut src) pomocí vlastnosti document.obrazek.src="obalka_otevrit.gif" (obálka se otevře). Druhá funkce nastává po opuštění obrázku a mění obálku zpět na zavřenou.

Animace je založena na opakovaném střídání obrázků.

Úkol: Vytvořte jednoduchou animaci sestávající ze 3 obrázků.

obr = -1;

cas = 1000;

function animation(){

cary = ["1cara.gif","2cara.gif","3cara.gif"];

if (obr+1==cary.length) obr=0;

else obr++;

obrazek.src = cary[obr];

window.setTimeout('animation()',cas);

}

</script>

</head>

Obrázky se plynule střídají (jejich adresy jsou zavedené v poli cary). Pomocí načasování window.setTimeout() se plynule střídají po 1 vteřině.

Page updated

Google Sites

Report abuse