Jquery Zoom Elevate plugin - Can it be implemented with a slideshow and mouse whell? [closed]

Question

Jquery Zoom Elevate plugin - Can it be implemented with a slideshow and mouse whell? [closed]

Navigation

#1 by (3 votes)

1

I need to find this plugin, having an image with the mouse allows me to zoom IN / OUT, showing a specific area.

Here is an example of a page that uses this methodology in the images: link

Place the mouse over the image and move the mouse wheel so that it zooms IN / OUT.

Thank you ...

jquery

asked by Miguel Maury 20.12.2016 в 15:31

source

1 answer

How to control the MessageBox in C # Import modules in python

score 3 · Accepted Answer

You can use the elevatezoom plugin.

I'll give you an example:

$(function(){  
  
  $("#zoom").elevateZoom({
    
    scrollZoom: true,
    zoomType: "lens",
    containLensZoom: true,
    lensShape: "round",
    lensSize: 150,
    lensFadeIn: 300,
    lensFadeOut: 300,
    borderSize: 2  
  });
});

<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/elevatezoom/3.0.8/jquery.elevatezoom.min.js"></script>

<img id="zoom" src="http://img.dummy-image-generator.com/abstract/dummy-400x400-Mosque.jpg" data-zoom-image="http://img.dummy-image-generator.com/abstract/dummy-1600x1600-Mosque.jpg">