Add a Magnification Effect to your Images with Magnifier.js


If you want to add magnifying glass effect 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.js

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.

 

 

Recently Published

»

Why is Link Building So Important? Read this to understand

Getting a high ranking on search engine results is important to the ...

»

Productivity Tips for Web Developers for Efficient Time Management

The world is full of distractions. Whether you are a work-from-home, ...

»

The Importance of a Good Domain Name

The right domain name can genuinely make or break a business – ...

»

Cloud Strategy of Oracle: Working or Not?

Though Oracle considered cloud strategy as gibberish long before, it ...

»

Some Excellent SEO Tools for Boosting SEO Rankings like Never Before

You could be having a really great-looking website and the niftiest ...

»

How to Promote Your Business by Collecting Instagram Followers – Part 2

Promoting business is not an easy task these days with so many ...

»

Using Instagram to Optimize Your Business – Unfolding the Tricks – Part 1

Instagram is one of the most popular social networking communities ...

»

6 Mobile UX Design Techniques that work

In software development, be it a mobile app or a website, creating ...

»

Importance of website design in online branding

“A brand for a company is like a reputation for a person. You earn ...