Pages

Enlarge image on Hover - HTML

Enlarge image on Hover

Here is some examples showing how to zoom in on an image without clicking.

Example #1:

Code #1:
<img src="http://www.vpskingdom.com/kb/wp-content/uploads/2014/06/vpsk.png" height="auto" width="160px" onmouseover="this.width='320'; this.height='auto'" onmouseout="this.width='160'; this.height='auto'">


Example #2:

Code #2:
<style>.thumbnail:hover {position:relative; width:100%; height:auto; display:block; z-index:999;}</style>
<img src="http://www.vpskingdom.com/kb/wp-content/uploads/2014/06/banner.png" class="thumbnail" height="auto" width="250" />

VPSKINGDOM

We provide budget level Website & VPS Hosting Services as well as offer web development & administration services to our amazing customers.

No comments:

Post a Comment