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