<!-- TWO STEPS TO INSTALL : 1. Copy the coding into the HEAD of your HTML document 2. Add the last code into the BODY of your HTML document --> <!-- STEP ONE: Paste this code into the HEAD of your HTML document --> <head> <title>Optische Filter II</title> <script language="VBScript"> dim curtrans dim numtrans dim speed curtrans = 0 numtrans = 23 Speed=2.0 Sub Window_onLoad() mytext.style.visibility = "hidden" call TImage1() End Sub 'When the transition is completed, start the next transition. Sub AB_OnFilterChange() call TImage1() End Sub Sub TImage1() 'Update the text display if curtrans = 0 then a0.style.color = "#ff0000" if document.anchors(numtrans).style.color = "#ff0000" then document.anchors(numtrans).style.color = "#006699" end if else document.anchors(curtrans-1).style.color = "#006699" document.anchors(curtrans).style.color = "#ff0000" end if 'Do the transition call AB.filters.item(0).Apply() AB.filters.item(0).Transition = curtrans If (curtrans mod 2) = 0 then Image2.style.visibility = "hidden" mytext.style.visibility = "" else Image2.style.visibility = "" mytext.style.visibility = "hidden" end if AB.filters(0).play(Speed) curtrans = curtrans + 1 if curtrans > numtrans then curtrans = 0 end if End Sub </script> </head> <body bgcolor="#FFFFFF" text="#000000" link="#003194" vlink="#003194"> <font face="Arial,Helvetica,MS Sans Serif"> <b>Optische Filter </b> <script language="javascript"> <!-- if (document.layers){ document.write("<p>Läuft nur mit dem Microsoft Internet Explorer 4.0+!"); } //--> </script> <ol> <div id = transnames style = "POSITION:ABSOLUTE; TOP:45%; LEFT:5%; WIDTH:200"> <font size=3 face="Arial,Helvetica,MS Sans Serif" color="Gray"> <a id= a0>Box In</a><br> <a id= a1>Box Out</a><br> <a id= a2>Circle In</a><br> <a id= a3>Circle Out</a><br> <a id= a4>Wipe Up</a><br> <a id= a5>Wipe Down</a><br> <a id= a6>Wipe Right</a><br> <a id= a7>Wipe Left</a><br> <a id= a8>Vertical Blinds</a><br> <a id= a9>Horizontal Blinds</a><br> <a id= a10>Checker Board Across</a><br> <a id= a11>Checker Board Down</a><br> <a id= a12>Random Dissolve</a><br> <a id= a13>Split Vertical In</a><br> <a id= a14>Split Vertical Out</a><br> <a id= a15>Split Horizontal In</a><br> <a id= a16>Split Horizontal Out</a><br> <a id= a17>Strips Left Down</a><br> <a id= a18>Strips Left Up</a><br> <a id= a19>Strips Right Down</a><br> <a id= a20>Strips Right Up</a><br> <a id= a21>Random Bars Horizontal</a><br> <a id= a22>Random Bars Vertical</a><br> <a id= a23>Random</a><br> </font> </div> <div id="AB" style="POSITION:ABSOLUTE; WIDTH:300; HEIGHT:360; Left:45%; Top:45%;background-color:white; FILTER:revealTrans(Duration=3.0, Transition=1)"> <div id="MYtext" style="POSITION:ABSOLUTE;WIDTH:300;HEIGHT:360;TOP:0;LEFT:0;background-color:white;font-family:verdana;color:black;font-size:20pt"> Transitions let you smoothly go from one image to another.You can Blend images from one to another using a variety of patterns and wipes. You can fade in and out as well as switch between two images. </div> <img id="Image2" style="POSITION:ABSOLUTE;Width:300;height:360;TOP:0;LEFT:0" src="grafix/leer.gif"> </div> </ol> <center> <hr align="CENTER" size="1" width="50%"> </center> </font>
