CSS ---> Magnifying an Image on MouseOver with CSS and HTML

Your Rating: not set
Download Code!

Magnifying an image with CSS and HTML isn't very complicated. The following sets styleing to the background of the body  and appropriate links to create the illusion of an image being magnified. There is actually two images that are on the webpage which is actually a dissadvantage since both images have to be loaded onto the webpage. The advantage is that the magnifying is done with only CSS and HTML which is great because I have heard that it is bad to use a lot of JavaScript on  websites that are visited a lot by people using Mobile Devices since Mobile Devices don't render JavaScript well.




There is a few fixes for IE since IE will display the magnified image a little off OnMouseover
if the following fixes are not in place:
  First  
  1  
  2  
  Last  

UserName: Daniel
Date Joined: 12/16/2010

WebsiteURL: http://www.justaboutdaniel.com
Bio: I am a full time web developer, son, and friend to many. For more read my about me located here.


Name:
Email:
Website URL:
Comments:
 
Note:



Anonymous 12/23/2011 6:31:23 PM

This is what we need - an inisght to make everyone think



Coming soon!

15

Skip Navigation Links.

Users

    Daniel
    Daniel
     1  

ads and stuff