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.

 

HTML Code

 

GET YOUR EMAIL UPDATES

We send out our lovely email newsletter with useful tips and techniques, recent articles and upcoming events. Thousands of readers have signed up already. Get a free WordPress eBook now.

Article by Deepanker

Hey, I am Deepanker Verma. Blogger, Web Developer and security researcher. I love Wordpress

We will be happy to know your views and opinions. You can share your views with us via comments below.

Do remember that we value comments, so please do not post silly comments. We approve comments manually and your comment will only be approved if it does not sound like a spam.

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=""> <s> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">