<IMG STYLE="filter:progid:DXImageTransform.Microsoft.MotionBlur(strength=50)
progid:DXImageTransform.Microsoft.BasicImage(mirror=1)"
src="/workshop/samples/author/dhtml/graphics/cone.jpg"
height="80px" width="80px" border="0" alt="cone">
Show Me
The following example shows how to use inline scripting to set the filter on an image.HideExample<SCRIPT>
function doFilter ()
{
filterFrom.filters.item(0).Apply();
// 12 is the dissolve filter.
filterFrom.filters.item(0).Transition=12;
imageFrom.style.visibility = "hidden";
filterTo.style.visibility = "";
filterFrom.filters.item(0).play(14);
}
</SCRIPT>
</HEAD>
<BODY>
Click on the image to start the filter.<BR>
// Call the function.
<DIV ID="filterFrom" onClick="doFilter()"
STYLE="position:absolute;
width:200px;
height:250px;
background-color:white;
filter:revealTrans()">
<IMG ID="imageFrom"
STYLE="position:absolute;
top:20px;
left:20px;"
SRC="sphere.jpg">
<DIV ID="filterTo"
STYLE="position:absolute;
width:200px;
height:250px;
top:20px;
left:20px;
background:white;
visibility:hidden;">
</DIV>
</DIV>