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="" 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="" class="thumbnail" height="auto" width="250" />


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