JavaScript

Add a Magnification Effect to your Images with Magnifier.js

If you want to add magnification effect like glass for the images then Magnifier.js JavaScript library is a must use for you. Magnifier.js scripts works well in almost all the modern web browsers such…

If you want to add magnification effect like glass for the images then Magnifier.js JavaScript library is a must use for you. Magnifier.js scripts works well in almost all the modern web browsers such as Google Chrome, Mozilla Firefox, Internet Explorer Version (7-10) and Safari.

With this script you can display the magnified images either within the lens or even outside the lens in a wrapper. Magnifer.js is a free to download and licensed under MIT.

magnifier-4004230

Requirements: JavaScript Framework
Demo: http://mark-rolich.github.io/Magnifier.js/
License: MIT License

Wondering why only Magnifier.js then have a look at its features:

  • This library supports zoom in and zoom out features through the mouse wheel.
  • You can make use of user defined functions for image zooming events, for thumbnail entering and for moving and leaving.
  • There are various setting options supported by Maginifer.js through data attributes and JavaScript.
  • You can view the loading text whilst any huge image continues to load and toggle to lens once the image is loaded.
  • You can attach several images with just one function call.
  • This JavaScript ca be used for both multiple and single images and as well image galleries that have a dynamic option setting in the gallery navigation.