How to Add Image Zoom Plugin

Do you want to add Magnifying effect for image on your Website. Image Zoom Plugin is free and fast. This Plugin allow visitors to see image bigger. Follow this steps to add magnifying zoom plugin for image.

What is Elevate Zoom?

Elevate Zoom Plugin is responsible for Desktop, Tablet, IPhone, Windows Phone, Android Phone, etc. Elevate is a popular web development company.

How to Add Image Zoom Plugin

1. Go To Blogger, click Theme.
2. Click Edit HTML Button.
3. Just above </head> tag paste the following JS link

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js'></script>
<script src='http://www.elevateweb.co.uk/wp-content/themes/radial/jquery.elevatezoom.min.js'></script>
<script>
 $("#zoom_07").elevateZoom({
  zoomType  : "lens",
  lensShape : "round",
  lensSize  : 100
});
</script>

       4. Add id="zoom_07" and remove s640 in URL, then paste URL in data-zoom-image=""

Example

<img id="zoom_07" src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlIXcslQ4T1B7JumZt2KKL38COdSLCfSI9GfNfS3qugpSSkPaSbOf4Y348Q0JYrjmCO9jgWM19ErvpkCDaQRt7V5EWaRp2wDIFqv8e_X1h36OP_2KdqsU0pC_YIZR9KYzjR80-UXfZlz4l/s400/How-to-Add-Image-Zoom-Widget-1.PNG' data-zoom-image="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlIXcslQ4T1B7JumZt2KKL38COdSLCfSI9GfNfS3qugpSSkPaSbOf4Y348Q0JYrjmCO9jgWM19ErvpkCDaQRt7V5EWaRp2wDIFqv8e_X1h36OP_2KdqsU0pC_YIZR9KYzjR80-UXfZlz4l/" />

Demo

04:22