浏览文章

文章信息

Jquery前端图片缩放插件Zoomify 14209

0:简单

$(function(){
    $('.zoomify').zoomify();
});

1:示例

$(function() {
    $('.zoomify').zoomify();
 
    $('.zoom').on('click', function() {
        $('.zoomify').zoomify('zoom');
    });
    $('.zoomIn').on('click', function() {
        $('.zoomify').zoomify('zoomIn');
    });
    $('.zoomOut').on('click', function() {
        $('.zoomify').zoomify('zoomOut');
    });
    $('.reposition').on('click', function() {
        $('.zoomify').zoomify('reposition');
    });
});

3:事件

$(function() {
    var $zoomify = $('.zoomify');
    $zoomify.zoomify().on({
        'zoom-in.zoomify': function() {
            alert('开始放大');
        },
        'zoom-in-complete.zoomify': function() {
            alert('放大完成');
        },
        'zoom-out.zoomify': function() {
            alert('开始缩小');
        },
        'zoom-out-complete.zoomify': function() {
            alert('缩小完成');
        },
    });
});


原创