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.
Zoomooz.js
SourceDemo

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
SourceDemo

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
SourceDemo

5. AJAX-ZOOM

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

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.
zoomerang
Source + Demo

7. CloudZoom

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

Sam Deering is a Front-end Web Developer who specialises in JavaScript & jQuery. Sam is driven and passionate about sharing his knowledge to educate others.

Free Guide:

How to Choose the Right Charting Library for Your Application

How do you make sure that the charting library you choose has everything you need? Sign up to receive this detailed guide from FusionCharts, which explores all the factors you need to consider before making the decision.


  • Johan Blake

    SwinxyApps

    That is sooo coool!

  • ssa

    How to rotate image and zoom in JQuery??

Learn JavaScript for free!
Free course: Introduction to JavaScript

Yours when you take up a free 14-day SitePoint Premium trial.