.: XHTML & CSS Gallery :.
Expando Image JavaScript
Expando Image JavaScript
Expando is a simple script for folks who want to have an image expand onMouseover (to its actual size). This lets you display large images at a reduced size initially (aka thumbnail size), and have them dynamically expand when the mouse rolls over them. Installation is simple- install the script in the HEAD section of the page, then give your "thumbnail" images a CSS class of "expando". These thumbnail images should have an explicit width/height attribute that's less than the actual image's dimensions, so the script has something to expand to.
Expando Image is AJAX friendly, meaning imported content with images with the "expando" class will be immediately recognized by the script.
Hover over the images below to enlarge them
JavaScript: John Scheuer - Dynamic Drive.com
Last updated: