img点击之后图片变大，再次点击缩小

效果图：

原点

放大安装图

其实很简单就是先把图片点击事件然后放大，在此点击还原就这么简单，我们看一下怎么做
opacity:1;如果是1是不透明 display: block;表示显示在网页上，并且此元素将显示为块级元素。
opacity:1;如果是0是透明 display: none;表示不显示在网页上。

function addOrderDetailNew(data) {
    var order=data.order.columns;
    var orderUrl=data.orderUrl.columns;
    var video='';
    if(orderUrl!=null){
        if(orderUrl.image_url!=null){
            video+= '
'
                +'安装图片：'
                +''
                +   '
';
        }
        if(orderUrl.dir_url!=null){
            video+= '
'
                +'安装视频：'
                +''
                +   '
';
        }
        $('#addFlag_box').append(video);
    }
    //安装大图查看
    $('.pay_amount_img').live('tap touchstart',function () {
        var imgUrl = $(this).attr('imgUrl');
        var html = '';
        $("#order_gallery").html(html);
        $("#order_gallery").attr("style","opacity: 1; display: block;");
    });
    //安装大图关闭
    $('#order_gallery').live('tap touchstart',function () {
        $("#order_gallery").attr("style","opacity: 0; display: none;");
    });
}

image.png

    

    

        

            Back
        
        
页面
    
    

        

        
        
        
    

        

            
订单信息
            快易修
        
        

            

                

                    订单编号：
                    
                
                

                    安装价格：
                    
                
                

                    技术指导：
                    
                
                

                    车主号码：
                    
                
                

                    下单日期：
                    
                
                

                    订单信息：
                    
                
                

                    重要信息：
                    
                
            
            
            

                
                
安装指导
            
            
        
        

            
        
        

            
安装说明
            

                
            
        

    
    
安装图片:
    

        

            

                
                
确认书
            
            

                
                
施工图
            
            

                
                
好评图
            
            

                
            
            

                
            
        
    
    
    
    
    

        确认提交