JS Image Magnifier: Show a zoomed version of an image under the mouse

Recommend this page to a friend!
Stumble It! Stumble It! Bookmark in del.icio.us Bookmark in del.icio.us

  Author Author  
Picture of Mark Rolich
Name: Mark Rolich <contact>
Classes: 11 packages by
Country: Armenia Armenia
Age: 34
All time rank: 161 in Armenia Armenia
Week rank: 16 Equal1 in Armenia Armenia Equal
Innovation award
Innovation award
Nominee: 5x

Winner: 1x

  Detailed description   Download Download .zip .tar.gz   Install with Composer Install with Composer  
This object can show a zoomed version of an image under the mouse.

It can show a magnified version of an image inside a given page element.

The magnified image is loaded from another image URL. A message may appear while the magnified image is being loaded.

This object lets the user control the zoom level using the mouse wheel.

Callback functions may be invoked upon certain events on the image being magnified like entering, moving, leaving, zoom level change.

  Classes of Mark Rolich  >  JS Image Magnifier  >  Download Download .zip .tar.gz  >  Support forum Support forum  >  Blog Blog  >  RSS 1.0 feed RSS 2.0 feed Latest changes  
Name: JS Image Magnifier
Base name: magnifier
Description: Show a zoomed version of an image under the mouse
Version: 1.0.3
JavaScript version: 1.0
License: MIT/X Consortium License
All time users: 236 users
All time rank: 170
Week users: 0 users
Week rank: 48 Equal
  Groups   Rate classes User ratings   Dependencies  
  Applications   Related pages   Files Files  

Group folder image Graphics Colors, images, charts and picture formats View top rated classes

  Innovation Award  
JavaScript Programming Innovation award nominee
November 2013
Number 2
Some Web sites need to show pictures of the products they are exhibiting in their Web pages.

In some cases it is useful for the user to see the products in greater detail, as if the user could look closer to the product.

This object implements a solution to magnify the images of the products by displaying a larger picture of the product with a lens.

Manuel Lemos

  User ratings  
Not enough user ratings

  Packages needed by this class  
Class DownloadWhy it is needed Dependency
Event Download .zip .tar.gz For cross-browser event handling Required

  Applications that use this package  
No pages of applications that use this class were specified.

Add link image If you know an application of this package, send a message to the author to add a link here.

  Related pages  
Demo and docs
Demo and documentation
Guthub repo

  Files folder image Files  
File Role Description
Files folder imagedemo (5 files)
Accessible without login Plain text file magnifier.css Data Main css
Plain text file Magnifier.js Class Main class
Accessible without login Plain text file mit-license.txt Lic. LICENSE
Accessible without login Plain text file README.md Data README

  Files folder image Files  /  demo  
File Role Description
  Accessible without login Plain text file demo.css Data Demo css
  Plain text file Event.js Class Event library
  Accessible without login Plain text file gallery.css Data Demo gallery css
  Accessible without login Plain text file Gallery.js Aux. Demo gallery
  Accessible without login HTML file index.html Doc. Demo

Install with Composer Install with Composer - Download Download all files: magnifier.tar.gz magnifier.zip
NOTICE: if you are using a download manager program like 'GetRight', please Login before trying to download this archive.