08_Filtre/premena_02.htm
1 <?xml version="1.0" encoding="windows-1250"?>
2 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
3 "DTD/xhtml1-strict.dtd">
4 <html>
5 <head>
6 <title>Premena 02</title>
7 <meta http-equiv="Author" content="Imrich BURANSKY" />
8 <meta http-equiv="Content-Type" content="text/html; charset=Windows-1250" />
9 <style type="text/css" >
10 img {
11 filter: progid:DXImageTransform.Microsoft.Fade(duration=3);
12 }
13 </style>
14
15 <script type="text/javascript" >
16 var srcObr1 = "more.jpg";
17 var srcObr2 = "slnko.jpg";
18 var sText = "Klepnutím vyvoláte zmenu obrázka";
19 var ix = 1; // Cislo zobrazeného obrazka
20 var bZmena = false; // true pri prebiehajucej zmene
21 function StartPremeny()
22 {
23 if (bZmena) return; // Bezi zmena
24 bZmena=true; // Poznacim, ze bezi zmena
25 Oznam.innerText=""; // Zmaze oznam
26 Obr.filters[0].Apply();
27 if (ix==1) Obr.src=srcObr2; else Obr.src=srcObr1;
28 Obr.filters[0].Play();
29 }
30
31 function KoniecPremeny()
32 {
33 bZmena = false; // Zmena sa skoncila
34 if (ix==1) ix=2; else ix=1; // Nove cislo zobrazeneho obrazka
35 Oznam.innerText=sText; // Zobrzí oznam
36 }
37 </script>
38 </head>
39 <body onclick="StartPremeny()" onload="Oznam.innerText=sText; Obr.src=srcObr1;" >
40 <p>
41 <img id="Obr" alt="" onfilterchange="KoniecPremeny()" />
42 </p>
43 <p>
44 <div id="Oznam" ></div>
45 </p>
46 </body>
47 </html>