12 Best jQuery Image Zoom and Tutorial

May 27, 2010 5 Comments

jQuery is very amazing . Various plugins that were created almost can meet all the needs of the UI developers. In these articles we have collected at least 7 jQuery plugin for image zooming and some tutorials about that

 

Cloud Zoom

Cloud Zoom is a jQuery plugin comparable to commercial image zoom products such as Magic Zoom. Compared to the popular jQZoom plugin, Cloud Zoom is smaller, has more features and more robust compatability across browsers.

 

 

Nivo Zoom

Nivo Zoom is jQuery plugin that allows you to zoom the image in full size or as lighbox. Its main feature is that you can determine the location of larger images of these miniatures. Zoom is a cross-Nivo browser plug-ins and tested on the following browsers: Internet Explorer 7 +, Firefox 3+,  Google Chrome 4 and Safari

 

Image Power Zoomer

This is a jQuery plugin that adds a magnifying glass every image on your page. Allows users to zoom in on parts of the image, simply by moving the cursor.

AnythingZoomer

AnythingZoomer is a jQuery plugin that allows you to enlarge any of your Web site, including images, text and other. Working with small area, wide area is hidden, and Zoomer pop-ups to “reveal” a larger area as it rolls of your mouse. Users also can double-click to view larger version.

 

FancyZoom

FancyZoom, a Lightbox alternative which has the zoom effect like a Mac, now ported to jQuery & Prototype. Best of all, now, they can present the HTML.

 

 

jQZoom Evolution

jQZoom is a JavaScript image magnifier powered by jQuery.This is an easy-to-implement plugin which is very handy, specially, in e-commerce projects & galleries.Also You can use it in product catalogs, image portfolios, maps, etc. jQZoom is a breeze to setup, unobtrusive and works on all major browsers.

 

FancyBox

FancyBox is a tool for displaying images, html content and multi-media in a Mac-style “lightbox” that floats overtop of web page. It was built using the jQuery library. Licensed under both MIT and GPL licenses

 

 

 

Creating Product Catalog With jQuery Zoom-In

Create Free Online jQuery Catalog With Fancy Zoom

 

Photo Zoom Out Effect with jQuery

 

Fancy Thumbnail Hover Effect w/ jQuery

jQuery Thumbnail with Zooming Image and Fading Caption

 

Tags: , , , ,

About the author

Denbagus.net is a weblog that provides Web Technology resources , web 2.0, web apps, web technology trends, open source, free stuff , tips and trick.

5 Responses to “12 Best jQuery Image Zoom and Tutorial”

  1. Des ressources pour jQuery « Trois Point Zéro – Actualité, ressources, tutoriels autour du webdesign et du développement web en général says:

    [...] Tant qu’on est dans les images, voici 12 ressources pour mettre en place un outil de zoomage avec jQuery. [...]

  2. Arif R. says:

    nice,, they are things that i need… :D

  3. Al Kamal Md. Razib says:

    Good work ! Thanks for sharing.

  4. SF says:

    High Resolution jQuery Image Viewer – http://www.ajax-zoom.com

Leave a Reply

RSS - Mail
520




denbagus blog is Digg proof thanks to caching by WP Super Cache