<DIV id=divA style="position:absolute; left:200; top:50px; width:100%; font-size:30;filter()">
<a href="#null" onclick="Pre_Run()">Click Me</a></DIV>
<script type="text/javascript">
<!--
newTrans=new Array()
newTrans[newTrans.length] = "progid:DXImageTransform.Microsoft.Stretch(stretchStyle='push')";
text=new Array()
text[text.length]="The above example will shortly scroll through "+newTrans.length+" transitions."
text[text.length]="The effect you see now only uses one for continuity."
text[text.length]="The script for this single transition display can be found lower down the page."
text[text.length]="Additional transitions can be used by simply adding to the newTrans array"
text[text.length]="and additional text by adding to the text array."
var tranSpeed = 1.0; // how long transition takes in seconds
var pause = 2000 // pause in milliseconds
var advance = (tranSpeed*1000)+pause // total time from start of transition to end of pause
var Running = 0;
var i=0
var txt=0
function Pre_Run(){
if (Running == 1){return}
RunMe();
}
function RunMe(){
Running = 1;
divA.style.filter = newTrans[i];
divA.filters[0].apply();
divA.innerHTML = text[txt]
if(i==newTrans.length -1){
i=-1}
if(txt==text.length-1){
txt=-1}
divA.filters[0].play(tranSpeed);
i++
txt++
setTimeout("RunMe()",advance)
}
// -->
</script>
| Transition Styles | ||
| Barn(orientation = 'horizontal' motion = 'dir') Barn(orientation = 'vertial' motion = 'dir') blinds(bands=num, direction=dir) Checkerboard(direction = 'dir') fade(duration=t1, overlap=t2) Iris(irisStyle = 'cross', motion = 'dir') Iris(irisStyle = 'circle', motion = 'dir') Iris(irisStyle = 'diamond', motion = 'dir') Iris(irisStyle = 'plus', motion = 'dir') Iris(irisStyle = 'star', motion = 'dir') Iris(irisStyle = 'square', motion = 'dir') RadialWipe(wipeStyle='type') RandomBars(motion = 'dir') Slide(bands = num, slidestyle = 'hide') Slide(bands = num, slideStyle = 'push') Slide(bands = num, slidestyle = 'swap') Stretch(stretchStyle = 'dir') Strips(Duration=num, Motion='dir') RandomDissolve() Spiral() Pixelate(maxsquare=num) inset() Wheel(duration=t) Wipe(GradientSize=size, wipeStyle=style, motion='dir') zigzag(GridSizeX=s, GridSizeY=s) |
dir = in, out dir = in, out num = number dir = right, down, left up dir = right, down, left, up t1 = time t2 = 0.0 to 1.0 dir = in, out dir = in, out dir = in, out dir = in, out dir = in, out dir = in, out type = clock, wedge,radial dir = horizontal, vertical num = number num = number num = number dir = pull, push dir = rightdown, rightup, leftdown, leftup -- -- num = 0 to 50 -- t = time size = 0.0 to 1.0 style = 0 or 1 dir = forward, reverse s = number |
|
|
Rotate Images | Rotation value = 0,1,2,3 (0 90 180 270 clockwise). |
|