jQuery点击缩略图弹窗放大图片切换展示代码免费下载

一款功能强大的jQuery点击缩略图弹窗放大图片切换展示代码,支持放大缩小、旋转、刷新、上一张下一张等操作。

JS文件

<script src="./js/jquery.js"></script> 
<script src="./js/index.js"></script> 
<script src="./js/jquery.rotate.min.js"></script> 
<script type="text/javascript"> 
$(function () { 
    $('[data-magnify]').Magnify({ 
        Toolbar: [ 
            'prev', 
            'next', 
            'rotateLeft', 
            'rotateRight', 
            'zoomIn', 
            'actualSize', 
            'zoomOut' 
        ], 
        keyboard:true, 
        draggable:true, 
        movable:true, 
        modalSize:[800,600], 
        beforeOpen:function (obj,data) { 
            console.log('beforeOpen') 
        }, 
        opened:function (obj,data) { 
            console.log('opened') 
        }, 
        beforeClose:function (obj,data) { 
            console.log('beforeClose') 
        }, 
        closed:function (obj,data) { 
            console.log('closed') 
        }, 
        beforeChange:function (obj,data) { 
            console.log('beforeChange') 
        }, 
        changed:function (obj,data) { 
            console.log('changed') 
        } 
    }); 
 
}) 
</script>
打赏
0

评论0

请先

没有账号? 忘记密码?

社交账号快速登录