Javascript Image Transitions 1: Wheel, Blind and Iris
14738Javascript Image Transitions 1: Wheel, Blind and Irishttp://elouai.com/javascript/javascript-transitions-1.phpTransition Wheels:
duration the length of time a transistion takes to complete, format seconds.milliseconds (0.0000), a value of 0.5 is half a second
spokes the number of wedges the content is divided intoJavaScript > Tips and Tutorials > Image DisplayOct 12, 2006Louai Munajim
Requires Internet Explorer 5.5 or later to work
The DIV is located below, before applying image filters the image object requires its layout to be set.
We do that by setting its height and width properties (done inside the style tag).
Having the layout defined can also be done by setting the position attribute to absolute.
Or the layout can be defined by setting the property CONTENTEDITABLE in the div.
Requires Internet Explorer 5.5 or later to work
The DIV is located below, before applying image filters the image object requires its layout to be set.
We do that by setting its height and width properties (done inside the style tag).
Having the layout defined can also be done by setting the position attribute to absolute.
Or the layout can be defined by setting the property CONTENTEDITABLE in the div.
Transition ZigZag:
duration the length of time a transistion takes to complete, format seconds.milliseconds (0.0000), a value of 0.5 is half a second
gridSizeX the number of grid columns
gridSizeY the number of grid rows
Transition Checkerboard:
direction sets the direction of motion for the transition. Possible values: up, down, right, left
squaresX the number of columns for the checkerboard transition
squaresY the number of rows for the checkerboard transition
Joining mailing list will entitle you
to receive occasional emails informing you of news and
updates to the site and any special offers that may be
of interest to you.