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

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

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

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

源码介绍

js代码

"./js/jquery.js"> 
"./js/index.js"> 
"./js/jquery.rotate.min.js"> 
"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'
        } 
    }); 
 
}


分享到 :

发表评论

登录... 后才能评论