locked
Zoom in part of an image RRS feed

  • Question

  • User1343581070 posted

    Hi,

            I have a image gallery in a datalist. I want to zoom on a particular area of the image either by hand or mouse . I have seen many Jquery plugins which help you to expand the entire image but none which enlarge a portion of the image. I show such a feature  at the amazon site www.amazon.in . Is it possible ?

    Please help

    regards

    Sanjish

    Tuesday, August 23, 2016 7:23 AM

Answers

  • User-707554951 posted

    Hi SANJISH KUMA...,

    From your description, if  you want to zoom a part of image, I suggest you could use Juery  elevatezoom plugin.

    Here have a simple sample, you could refer to it.

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
    <script type="text/javascript" src="https://cdn.rawgit.com/igorlino/elevatezoom-plus/1.1.6/src/jquery.ez-plus.js"></script>
        <script type="text/javascript">
            $(function () {
                $("#zoom_01").ezPlus({
                    cursor: 'pointer',
                    scrollZoom: true 
                });
            });
        </script>
    <img id="zoom_01" src="../../Image/smallKoala.jpg" data-zoom-image="../../Image/LargeKoala.jpg" width="400"/>
    

    For more information about elevatezoom plugin, you could refer to the following link:

    http://igorlino.github.io/elevatezoom-plus/examples.htm#zoom-window-size

    Hope this can help you. If you have any question and confusion about the problem. Please don't hesitate to let me know.

    Best regards
    Cathy

     

    • Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
    Wednesday, August 24, 2016 2:20 AM