Bookmark to del.icio.us
FF1+ IE5+ Opr7+
Expando Image script
Description: 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 Image is AJAX friendly, meaning imported content with
images with the "
Step 1: Insert the below code in the HEAD section of your page:
The above code references the external .js file "expando.js", which you need to download (right click, and select "Save As").
Then, all that's left is to shrink those large images on your page (by giving them an explicit width/height attribute that's smaller than the actual dimensions), and adding the CSS class "expando" to them. For example:
Have fun expandoing images!