Hostgator coupons for up to 99% off hosting for Dynamic Drive visitors!
Advanced Search Usage Terms Submit Contact
Dynamic Drive CSS Library

CSS Library: Image CSS: Here

CSS Smart Image Enlarger

Author: Erdinc A

This versatile CSS based image enlarger lets you display image thumbnails that resize to their original dimensions when the mouse rolls over them. Only one image is needed in each case. The CSS code works in a way that negates the need to manually have to specify the dimensions of each enlarged image, saving you a lot of time. A textual description can also be displayed beneath the enlarged image. Cool!

Demo:


Here's an additional demo page showing some more advanced set ups using this script.

The CSS: The below code should be added to the HEAD section of your page:

The HTML:

Code Info

Rate this code:

Date Posted: 11/12/2009

Revision History: None

Usage Terms: Click here

Your Comments
Copyright 2006-2016 Dynamic Drive