JavaScript

5 jQuery Web Page Zoom Plugins

Sam Deering
Share

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