Sunday, May 30, 2010

8 Amazing JavaScript Image Zoom Scripts

When you are building an e-commerce website, especially a showcase, a website gallery, a template selling website…, you always need many good images for using and giving your visitors/customers the detailed view of your images (or your product). These are my top 10 javascript image scripts you need to consider.

1. JQZoom

Jqzoom

JQZoom is a javascript image magnifier built at the top of the popular jQuery javascript framework.jQzoom is a great and a really easy to use script to magnify what you want. JQZoom works well in IE6+, firefox2+, google chrome, safari2+ and opera9+.

2. Nivozoom

2

Nivo zoom is an jQuery plugin that works like a lightbox plugin. The plugin has 5 different zoom types and only weighs 4kb, the plugin operated well in Internet Explorer7+, Firefox3+, Google Chrome and Safari.

3. Cloud Zoom

3
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.

4. Image Power Zoomer

4
Some images are worth a closer look, which is why there’s Image Power Zoomer. It gives any image on your page the ability to be magnified when the mouse rolls over it. A “magnifying glass” that appears over the image lets the user zoom in on any portion of it as it follows the cursor around. Furthermore, the magnification power can be adjusted on the fly by turning the mouse wheel back or forth.

5. AnythingZoomer jQuery Plugin

5
You have a small area. You mouse over it. An area pops up giving you a zoomed in closer look. This is a AnythingZoomer jQuery Plugin that does it. I’m not going to tell you what you should use it for or elaborate use-case scenarios. Your own creativity can help you there.

6. MojoZoom

6
MojoZoom lets you see a zoomed portion of the image by moving the mouse over it, but this one puts the zoomed area in a separate box. You can either let the script create the zoom box for you (with default size and placement) or you can specify any element which will then serve as the zoom “window”.

7. Tjpzoom

7
Tjpzoom is an image magnifier. It’s a completely rewritten version of my script tjpzoom, but still is in JavaScript / DOM :). If you move your mouse over the picture, you can see a little zoom window with a magnified version of a part of the picture in it.

8. Magic Zoom

8
Magic Zoom is a JavaScript zoom tool. It’s the best way to display images in incredible detail and it’s a commercial JavaScript tool. You can see the very good demo at: http://www.magictoolbox.com


People who read this post also read :



If you liked my post then,

Subscribe to this site via Email:

Click here to Subscribe to FREE email updates from "itrickz", so that you do not miss out anything that can be valuable to you and your blog!!

DropJack!
Digg Google Bookmarks reddit Mixx StumbleUpon Technorati Yahoo! Buzz DesignFloat Delicious BlinkList Furl

4 comments: on "8 Amazing JavaScript Image Zoom Scripts"

web design resources said...

many thanks. this is exactly what i was looking for

JavaScript Examples said...

that's all cool & great js zoomer, thank you very much for sharing.

Can you give me favor to share this post on my JavaScript codes dowload?


Awaiting your response. Thank

shyam said...

Iam shyam raj editor of yestutor.blogspot.com. You can add my post on your site. Just add my site source to your post.

Post a Comment