08_Filtre/premena_01.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 01</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 #Kontajner {
11 position:absolute; top: 40px; left: 10px;
12 width: 300px; height:200px;
13 filter:progid:DXImageTransform.Microsoft.Spiral(
14 GridSizeX=40, GridSizeY=40, Duration=10 );
15 }
16 .C1 {
17 position:absolute; top:25px; left:25px;
18 width:250px; height:150px;
19 }
20
21 .P1 { background: #F0F0F0;}
22 .P2 { background: #A0A0A0;}
23 </style>
24
25 <script type="text/javascript" >
26 var ix = 2; // Cislo zobrazeného img
27 function StartPremeny ()
28 {
29 Kontajner.filters[0].Apply();
30 if (ix==1)
31 {
32 ix = 2;
33 Vymen (Obr1, Obr2);
34 }
35 else
36 {
37 ix = 1;
38 Vymen (Obr2, Obr1);
39 }
40 Kontajner.className = "P"+ix;
41 Kontajner.filters[0].Play();
42 }
43
44 function Vymen (Co, Cim)
45 {
46 Co.style.visibility ="hidden";
47 Cim.style.visibility="visible";
48 }
49 </script>
50 </head>
51 <body onclick="StartPremeny ()" >
52 <div>Klepnutím zmeníte obsah</div>
53 <div id="Kontajner" class="P2" >
54 <img id="Obr1" class="C1" src="more.jpg" alt="" />
55 <img id="Obr2" class="C1" src="slnko.jpg" alt="" />
56 </div>
57
58 </body>
59 </html>