相册弹窗（基于zepto.js）

　　　　//放大图片
        $(page).on('click','.popupImage img',function () {
            var that = $(this);
            that.popupImage({
                this:that,
                width:"200px"
            })
        });

　　//相册弹窗
    $.fn.popupImage = function (obj) {
        var $this = obj.this;
        var sj_w = $this[0].naturalHeight;
        var src = $this.attr('src');
        var h = $('body').height();
        var w = $('body').width();
        var padding = 10;
        var shadeW = w - padding*2;
        var img = '',shade = '';
        
        img = '<div class="popup-image" style="position:absolute; top:0; left:0; z-index: 999999; padding:10px '+padding+'px; width: '+w+'px; height:'+h+'px; line-height: '+h+'px; text-align: center;" >' +
            '<img src="'+src+'" style="max-width: '+shadeW+'px"/></div>';
        shade = '<div class="shade" style="position:absolute; top:0; left:0;  width: '+w+'px; height:'+h+'px;background: #000; z-index: 999990; opacity: .8;"></div>';

        $('body').append(shade);
        $('body').append(img);        

        $('.popup-image').on('click',function () {
            $('.popup-image').remove();
            $('.shade').remove();
        })

    };