Icontem

JavaScript Magnifying Glass Effect: Create a magnifying glass look over an image

Recommend this page to a friend!
     
  Info   View files Example   Demos   View files View files (4)   DownloadInstall with Composer Download .zip   Reputation   Support forum (1)   Blog    
Last Updated Ratings Unique User Downloads Download Rankings
2015-05-11 (2 years ago) RSS 2.0 feedNot enough user ratingsTotal: 91 All time: 413 This week: 8Up
Version License JavaScript version Categories
image-magnifier 1.4GNU Free Document...2.0HTML, jQuery, Graphics
Description Author

This object can create a magnifying glass look over an image.

It takes a given image element on the page and changes the cursor image that shows when the user drags the mouse over the image, so it appears a round glass showing the image magnified inside the glass.

The magnification zoom scale and the size of the glass cursor are configurable parameters.
  Performance   Level  
Name: Jackson Knowlton <contact>
Classes: 4 packages by
Country: United States United States

Level 2 StarStar

 Innovation award
Innovation award
Nominee: 3x

Winner: 1x

  CodePen UsageExternal page   Usage 2 (May take a while to load)External page  

Open in a separate window

Open in a separate window

  Files folder image Files  
File Role Description
Files folder imageincludes (2 files)
Plain text file imageMagnifier.class.js Class Class source
Accessible without login Plain text file example.html Example Example usage

  Files folder image Files  /  includes  
File Role Description
  Accessible without login Image file exImage.jpg Photo Image for use in example
  Accessible without login Plain text file styles.css Data Styles for example and class

Downloadimage-magnifier-2015-05-11.zip 2873KB
Downloadimage-magnifier-2015-05-11.tar.gz 2873KB
Install with ComposerInstall with Composer
 Version Control Unique User Downloads Download Rankings  
 0%
Total:91
This week:0
All time:413
This week:8Up
User Comments (1)
The example have a small mistake
2 years ago (David Bernal)		65%StarStarStarStar
 

  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.