使用 JavaScript 实现图像缩小功能

我正在开发一个项目，其中有一个图像，当用户单击图像时，图像放大，再次单击时图像缩小。如何在我的代码中添加缩小功能here http://jsfiddle.net/doforumda/95wqh/9/

function resizeImg (img) {
    var scale = 150/100;
    var pos = $(img).offset();
    var clickX = event.pageX - pos.left;
    var clickY = event.pageY - pos.top;
    var container = $(img).parent().get(0);

    $(img).css({
        width: img.width*scale, 
        height: img.height*scale
    });

    container.scrollLeft = ($(container).width() / -2 ) + clickX * scale;
    container.scrollTop = ($(container).height() / -2 ) + clickY * scale;
}

这里不需要很多 javascript..只需要一些好的 CSS，如下所示：http://jsfiddle.net/95wqh/10/ http://jsfiddle.net/95wqh/10/

JS:

$('.image').on('click', function () {
    $(this).toggleClass('zoom');
});

css:

#Container {
    position:relative;
    overflow:auto;
}

.zoom{
    -webkit-transform : scale(1.5);
    transform: scale(1.5);
}