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


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 ...

asked by Miguel Maury 20.12.2016 в 15:31

1 answer


You can use the elevatezoom plugin.

I'll give you an example:

    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">
answered by 20.12.2016 / 16:08