Click on the image to start the filter.
<TITLE>filter</TITLE>
<LINK REL="stylesheet" HREF="/workshop/samples/samples.css" TYPE="text/css">
<SCRIPT>
function doFilter () {
filterFrom.filters.item(0).Apply();
filterFrom.filters.item(0).Transition=12; // 12 IS THE DISSOLVE FILTER
imageFrom.style.visibility = "hidden";
filterTo.style.visibility = "";
filterFrom.filters.item(0).play(14);
}
</SCRIPT>
</HEAD>
<!--TOOLBAR_START-->
<!--TOOLBAR_EXEMPT-->
<!--TOOLBAR_END-->
<BODY TOPMARGIN=0 LEFTMARGIN=0 BGPROPERTIES="FIXED" BGCOLOR="#FFFFFF"
LINK="#000000" VLINK="#808080" ALINK="#000000">
<BLOCKQUOTE CLASS="body">
<P>Click on the image to start the filter.<BR>
<DIV ID="filterFrom" onclick="doFilter()"
STYLE="position:absolute;
width:200px;
height:250px;
background-color:white;
filter:revealTrans()"> <!-- CALL THE FUNCTION -->
<IMG ID="imageFrom"
STYLE="position:absolute;
top:20px;
left:20px;"
src="/workshop/samples/author/dhtml/graphics/sphere.jpg" height="80px" width="80px" border="0" border="0" alt="sphere">
<DIV ID="filterTo"
STYLE="position:absolute;
width:200px;
height:250px;
top:20px;
left:20px;
background:white;
visibility:hidden;">
</DIV>
</DIV>
<DIV STYLE="position:absolute;top:200px">
<BR>
<HR>
[Right-click and choose View Source from the shortcut menu.]
</DIV>
<DIV STYLE="position:absolute;top:250px">
<!-- START_PAGE_FOOTER -->
<BR><BR><BR>
© <A CLASS="clsIncCpyRt" HREF="/isapi/gomscom.asp?target=/misc/cpyright.htm" TARGET="_top">2001 Microsoft Corporation. All rights reserved. Terms of use</A>.
<!-- END_PAGE_FOOTER -->
</DIV>
</BLOCKQUOTE>
</BODY>
</HTML>