Advanced Search Usage Terms Submit Contact
Dynamic Drive CSS Library
 
CSS Library
Submit an original CSS code
CSS Layouts
Web Graphics
Online Tools:

Advertise Here

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 (7)

Got a question or need help customizing this CSS code? Post it in the CSS Forums. If you have a comment or suggestion instead, post it in the comments section below.

Comment Pages 1 of 1 pages

this technic i think so useful. thanx
Posted by web tasarımı on 11/23, 04:54 AM
Thanks...Very useful knowledge for me
CaM BalkoN
Posted by CaM BalkoN on 11/25, 02:15 PM
good but big pictures is problem for download. if you make this java, download big picks when the guest on thumb picks. but good job, thanks :)
Posted by web tasarım on 11/26, 04:35 AM
Very good technique, thanks for sharing, really good save of time and look professional.
Posted by Paarth on 11/27, 09:20 AM
HEY, IM GUILLIANO THANK YOU VERY MUCH FOR ALL THE EXAMPLE.
aND IM LOOKING FOR A HUGE FAVOUR
i WANT TO KNOW HOW TO CREAT MY OWN BACKGROUD PAGE USING JAVA OR ANOTHER METHOUD OF CODE.
CAN YOU PLEASE SHOW ME HOW TO DO IT IF ITS POSSIBLE PLEASE..
IF YOU KNOW SEND ME A MAIL ON GUILLIANO01@HOTMAIL.COM
Posted by GUILLIANO FRANCOIS on 12/01, 04:14 PM
Thanks for helpful information you catch up us with your instructional explanation.
Posted by izmir web tasarım on 12/06, 02:14 AM
This is really useful one...If you blow up such an image, all you'll be doing is making the pixels bigger, as you have noticed.
Posted by Twitter layouts on 12/10, 05:41 AM

Comment Pages 1 of 1 pages


Commenting is not available in this weblog entry.
Copyright 2006-2014 Dynamic Drive Read our Usage Terms before using any of the CSS codes.