Zoom effect is very useful while creating photo galleries. In this, when someone hover the image, it increases in size. In other words, zoom image on hover. This can be done with jQuery.

In this code I am using 5 images. Zoom in effect triggered when the mouse is hover. Change the css properties for changing the height and width of images on normal and zoom condition.

screen 300x113 Hover Image Zoom With JQuery tutorial jquery css

 

HTML Code

 

Written by Deepanker

Deepanker Verma is a web developer, Security researcher and a full time blogger. Here on Webtips, he shares about web design, SEO and money making tips.

This article has 1 comments

Leave a Comment

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">