5 jQuery Web Page Zoom Plugins

By Sam Deering

For those of you who have been wanting to create a really unique and eye-catching effect for your website then this is for you! This list of jQuery Web Page Zoom plugins includes an animation that zooms into a specific portion of the page when you click on it is something you would find very useful.

Update 12/12/13: Added 6. Zoomerang, 7. CloudZoom.

Related Posts:

1. Zoomooz.js

A jQuery plugin for making web page elements zoom. It can be used for making Prezi like slideshows and for zooming to images or other details.

2. jQuery Gzoom Plugin

Features: Click on plus and minus to zoom. Drag the slider to zoom. Zoom using mousewheel hover the image. Moving mouse hover the image changes the pan. Click on the image to show in lightbox style. jQuery.UI framework styled.
jQuery Gzoom Plugin
Source + Demo

3. Zoom Gallery

Create an Awesome Zooming Web Page With jQuery.
Zoom Gallery

4. Easy Image Zoom

This plugin is customizable with several options and simple CSS definitions. In terms of CSS all you need to do is define the newly created image zoom element’s size, position and appearance.
Easy Image Zoom


A powerful image zoom & pan plugin with 360° rotate option, jQuery image gallery option based on jQuery (JavaScript) and PHP.

6. Zoomerang.

is a drop-in library that allows your users to zoom in on (almost) any element on your existing page. No setup, arbitrary styling.
Source + Demo

7. CloudZoom

Cloud Zoom is a popular fly-out jQuery image zoom plugin used on many high profile retail sites.
Source + Demo

  • Johan Blake


    That is sooo coool!

  • ssa

    How to rotate image and zoom in JQuery??



Because We Like You
Free Ebooks!

Grab SitePoint's top 10 web dev and design ebooks, completely free!

Get the latest in JavaScript, once a week, for free.