зум на картинку

как сделать такой зум при наведении на картинку https://www.templatemonster.com/ru/demo/44264.html

чтобы работал с jquery 1.11 пытаюсь сделать в modx revo minishop2 при выводе галереи, если ставлю этот js <script src="../js/jquery-1.6.js" type="text/javascript"></script> то работает, а если 1.11 то не работает

<script type="text/javascript">
$(document).ready(function() {
    $('.jqzoom').jqzoom({
            zoomType: 'standard',
            lens:true,
            preloadImages: false,
            alwaysOn:true
        });

});
<script src="../js/jquery.jqzoom-core.js" type="text/javascript"></script>
<link rel="stylesheet" href="../css/jquery.jqzoom.css" type="text/css">
</script>
<div id="msGallery">
    {if $files?}
        <div class="fotorama"
             data-nav="thumbs"
             data-thumbheight="45"
             data-allowfullscreen="true"
             data-swipe="true"
             data-autoplay="5000"  oncontextmenu="return false;">
            {foreach $files as $file}
                <a href="{$file['url']}" class="jqzoom" target="_blank">
                    <img src="{$file['small']}" class="large" alt="" title="" oncontextmenu="return false;">
                </a>
            {/foreach}
        </div>
    {else}
        <img  src="{('assets_url' | option) ~ 'components/minishop2/img/web/ms2_medium.png'}"
             srcset="{('assets_url' | option) ~ 'components/minishop2/img/web/ms2_medium@2x.png'} 2x"
             alt="" title=""  oncontextmenu="return false;"/>
    {/if}
</div>