| Hlavní nabídka: |
Základy
Reference
Příklady
|
|
|
Záměna více obrázků
Při záměně většího množství obrázků by nebylo příliš efektní pro každý vytvářet vlastní funkci. V tomto článku se dozvíte, jak to provést lépe.
K záměně si budeme muset vytvořit jakousi univerzální funkci. Více už ale příklad:
<HTML>
<HEAD>
<TITLE>Záměna více obrázků</TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
obr1=new Image(); obr1.src="1.gif";
obr2=new Image(); obr2.src="2.gif";
obr3=new Image(); obr3.src="3.gif";
function zamen(nazev_obr,novy_obr) {
document.images[nazev_obr].src=novy_obr; }
// -->
</SCRIPT>
</HEAD>
<BODY>
<A HREF="" onMouseOver="zamen('obr1','1.gif');"
onMouseOut="zamen('obr1','0.gif');">
<IMG SRC="0.gif" BORDER="0" NAME="obr1"></A>
<P>
<A HREF="" onMouseOver="zamen('obr2','2.gif');"
onMouseOut="zamen('obr2','0.gif');">
<IMG SRC="0.gif" BORDER="0" NAME="obr2"></A>
<P>
<A HREF="" onMouseOver="zamen('obr3','3.gif');"
onMouseOut="zamen('obr3','0.gif');">
<IMG SRC="0.gif" BORDER="0" NAME="obr3"></A>
</BODY>
</HTML>
Pro výsledek klikněte ZDE.
Vysvětlení činnosti:
Nejprve jsme proměnným obr1, obr2, obr3 přiřadili objekt Image(), který odkazuje na jednotlivé obrázky pomocí parametru src. Poté jsme si již vytvořili univerzální funkci zamen(). Ta původní obrázek zamění za nový. Díky sekvenci document.images[nazev_obr].src=novy_obr nám původní obrázek nahradí za nový. Přiřadí totiž proměnné novy_obr vždy jinou hodnotu v parametru src. To se provede následujícími ovladači události. Použili jsme onMouseOver, který zamění obrázek za nový při najetí myši a onMouseOut, který zamění obrázek při odsunutí kurzoru z obrázku. Mění to díky již zmiňované funkci zamen(). Ještě abychom nezapomněli: Jedna z dalších výhod je, že se obrázky ihned načtou, i když nejsou zobrazené. Naproti tomu v minulém příkladu se načítaly až po vyvolání.
Poznámka: Obrázky pro tento článek jsme si zapůjčili.
25.03.2002 | Obrázky | David Havlíček
|
|
Dnes je 15. 11. 2024
Svátek má Leopold | |
| 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.
|
|
|
