NEW LISTINGS  HOT LISTINGS  TOP RATED  EDITOR PICK  ADD A LISTING  UPDATE A LISTING  GET RATED  UPGRADE A LISTING
  HOME     MY ACCOUNT     POWER SEARCH     REGISTER     MEMBER LIST     SUGGEST CATEGORY  

Average Visitor Rating: 0.00 (out of 5)
Number of ratings: 0 Votes

Visitor Rating

Javascript Image Transitions 1: Wheel, Blind and Iris
14738 Javascript Image Transitions 1: Wheel, Blind and Iris http://elouai.com/javascript/javascript-transitions-1.php Transition 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 into
JavaScript > Tips and Tutorials > Image Display Oct 12, 2006 Louai Munajim

Write a Review   Add to My Favorite   Refer it to Friend   Report Broken Link  



Other links at JavaScript > Tips and Tutorials > Image Display
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.
Category:

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.
Category:

Preloading images using javascript requires placing a reference to them within the tags of the HTML document.


Does the document.images object exist? (check for older browsers)
Create a new Image
Set the .src to reference the image url location

Copy and paste the javascript source below in your HTML document inside the tags
Category:

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
Category:

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
Category:




Main Category
165
2028
756
275
169
1801
1074
892
1127
7088
70
874
58
2145
170

Join Mailing List
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.



Top 10
Directory Statistics

Links: 18673
Categories: 1275
Registered Users: 536
Mailing List Subscribers: 2031
Unique Outgoing Hits: 192540

Pagerank Statistics
PR 10
2 site(s)
PR 9
9 site(s)
PR 8
28 site(s)
PR 7
243 site(s)
PR 6
771 site(s)
PR 5
1848 site(s)

PHP News