<html>
<head>
<title>Abakada HTML Demo: Blend Transition</title>
<link rel="stylesheet" href="/shared/netdemos.css">
<script language="JavaScript">
<!--
function ready ( ) {
wait.style.display="none";
theButt.style.display="";
}
function initTrans ( ) {
theImg.src="../shared/images/samp03.jpg";
doTrans ( );
}
function doTrans ( ) {
theImg.filters.blendTrans.Apply ( );
theImg.src="../shared/images/samp05.jpg";
theImg.filters.blendTrans.Play ( )
}
//-->
</script>
</head>
<body onload="ready ( )">
<!-- #include virtual="~/shared/top.inc" -->
<div class="header"><h2>Abakada HTML Demo: <span class="hilite">Blend Transition</span></h2></div>
<hr size=1 width=92%>
<div class="back">
<h4>The Blend Transition filter performs a fade ( in or out ) of the selected visual object.</h4>
<p><img id="theImg" src="../shared/images/samp03.jpg"
width=200 height=200 style="filter: blendTrans ( duration=5 )"></p>
<h5 id="wait">please wait . . . loading images</h5>
<button id="theButt" onclick="initTrans ( )" style="display: none">Play Demo</button>
</div>
<img src="../shared/images/samp03.jpg" style="visibility: hidden" height=1 width=1>
<img src="../shared/images/samp05.jpg" style="visibility: hidden" height=1 width=1>
<hr size=1 width=92%>
<!-- #include virtual="~/shared/viewsrc.inc" -->
</body>
</html>