2


Transitional Effects



Click Me

<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
BasicImage(Rotation value)


Rotation value = 0,1,2,3 (0 90 180 270 clockwise).