Image Magnifier Plugin in JavaScript Free Source Code

This is a JavaScript source code that serves as a JS Plug-in for magnifying images. The source code makes your web application or website content images magnifiable. The plug-in is written in pure JavaScript Language. Using this plug-in you can just import the js source code in your project and write a short script/code to configure and initialize the plug-in feature.

Plug-in Configurations

Example Usage

	<!-- Include the Magnifier plugin -->
	<script src="magnifier.js"></script>
 
	<!-- Display Image -->
    <img id="img1" src="images/image1.jpg" style="width: 480px;height: 680px;" />

	var img1 = document.getElementById("img1");
 	var magnifier1 =  new Magnifier( img1 ); 
 
	 magnifier1.Size=200;
     magnifier1.Zoom=2
     magnifier1.StrokeColor='#111111'

The plugin is provided on this site and can be downloaded for free. The download button is located below this article. The provided zip file is a simple web application with the magnifier plugin.

Run the provided working source code.

• Download and Extract the provided source code.
• Locate the index.html file.
• Browse the index.html file in a browser.

DEMO VIDEO

That's it! I hope this will help you and you'll find this useful for your future web application projects.

Explore more on this website for more Tutorials and Free Source Codes.

Happy Coding :)