Hlavní nabídka: |
Základy
Reference
Příklady
|
|
|
Příklad ke článku Animace obrázků
Dnešním příkladem si názorně předvedeme jak v praxi použít animeci obrázků.
Zdrojový kód:
<HTML>
<HEAD>
<TITLE>Animace obrázků</TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
obr=new Array();
pocet_obrazku=4; pauza=1000;
for (a=0;a<pocet_obrazku;a++)
{
obr[a]=new Image();
obr[a].src=a+".gif";
}
function zamen(nazev_obr,novy_obr) {
document.images[nazev_obr].src=novy_obr; }
function animuj()
{
if (a==pocet_obrazku) a=0;
zamen("obrazek",a+".gif");
a++;
document.panel.cifernik.value=1000/pauza+" obr/s";
window.setTimeout('animuj()',pauza);
}
function zrychli() {
pauza/=2; if (1000/pauza>64) pauza*=2; }
function zpomal() {
pauza*=2; if (1000/pauza<1) pauza/=2; }
// -->
</SCRIPT>
</HEAD>
<BODY onLoad="animuj();">
<FORM NAME="panel">
<TABLE CELLPADDING="5" CELLSPACING="0" BORDER="1">
<TR>
<TD>Rychlost: <INPUT TYPE="text" NAME="cifernik" SIZE="6"></TD>
<TD><IMG SRC="0.gif" ALIGN="absmiddle" NAME="obrazek"></TD>
</TR>
<TR>
<TD COLSPAN="2" ALIGN="CENTER">
<INPUT TYPE="button" VALUE="Zrychli" onClick="zrychli();">
<INPUT TYPE="button" VALUE="Zpomal" onClick="zpomal();">
</TD>
</TR>
</TABLE>
</FORM>
</BODY>
</HTML>
Výsledek:
|
|
Dnes je 19. 03. 2024 Svátek má Josef | |
Bleskové aktuality: |
10.12.2002 Dlouho jsme tu neměli příklady, tak co kdybychom si dneska jeden dali?
07.12.2002 Poslední operáty, které si představíme, jsou speciální.
02.12.2002 Po delší pauze si představíme další operátory - řetězcové.
17.11.2002 Next operátory jsou přiřazovací.
10.11.2002 Jedněmi z posledních operátorů jsou porovnávací.
02.11.2002 Už jste slyšeli o logických operátorech? Pár jich taky je.
29.10.2002 Dalšími operátory jsou bitové.
26.10.2002 Dnes si představíme první z řady operátorů - aritmetické operátory.
24.10.2002 Další částí referencí jsou příkazy.
18.10.2002 Dnes se mrkneme na referenční přehled funkcí.
12.10.2002 Window je objekt, který má snad nejvíce metod a vlastností, tak se mu dnes podíváme na zoubek.
06.10.2002 Netradičně v neděli další objekt - string.
28.09.2002 Další sobota. Další objekt - screen.
21.09.2002 Hodně používáný je objekt navigator. Proto se na něj dneska zaměříme.
14.09.2002 Po týdenní pauze další referenční článek o objektu - tentokrát Math.
07.09.2002 Objekt location bude náš dnešní cíl.
04.09.2002 Na paškál si tentokrát vezmeme objekt history.
|
|
|