Google trends Public Holidays Coupon Code Code Compiler

WM Zoom jQuery Plugin For Image Hover Outer Zoom

Apr 13, 2019

WM Zoom jQuery Plugin For Image Hover Outer Zoom

WM Zoom is a jQuery plugin that creates a magnifier overlay on the image and displays the high definition image beside it. Also provides a config to provide outer zoom functionality as you mouse hover the image.

Download WM zoom plugin WM-ZOOM

Include CSS in head tag

<link rel="stylesheet" href="wm-zoom/jquery.wm-zoom-1.0.min.css">


<div class="wm-zoom-container my-zoom">
	<div class="wm-zoom-box">
		<img src="img/thumb-image.jpg" class="wm-zoom-default-img" alt="alternative text" data-hight-src="img/large-image.jpg" data-loader-src="img/loader.gif">

Include JS before close body tag

<script type="text/javascript" src="assets/js/jquery-1.11.1.js"></script>
<script type="text/javascript" src="wm-zoom/jquery.wm-zoom-1.0.min.js"></script>

Add jquery code before close body tag and after above jquery pulgin


Copyright 2024. All rights are reserved