增加图片放大效果

dougang

2021-04-09 e079519415aa09d5ce8c506e06b90e718f5452b6

 kidgrow-web/kidgrow-web-manager/src/main/resources/static/pages/keaigao/AdvisoryManager_form.html

@@ -48,7 +48,7 @@
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label" style="width: 10px;"></label>
                <div style="width: 450px; padding-left: 40px; text-align: left" id="img"/>
                <div style="width: 450px;height:100px; padding-left: 40px; text-align: left" id="img"/>
            </div>
        </div>
    </div>
@@ -158,7 +158,7 @@
            if (adisory.img !== null) {
                var url = adisory.img.split(",");
                for (var i = 0; i < url.length; i++) {
                    content += "<img src='" + url[i] + "' style='width: 25%;height: 25%'/> &nbsp;";
                    content += "<img src='" + url[i] + "' style='width: 25%;height: 100%;cursor:pointer;' onclick='tipImg(this,1)'/> &nbsp;";
                }
            }
            $("#img").html(content);
@@ -186,6 +186,40 @@

            form.render();
        }
    })
    ;
    });

    function tipImg(obj,level){
        try{
            var navigatorName = "Microsoft Internet Explorer";
            if( navigator.appName != navigatorName ){
                if(obj.nodeName == 'IMG'){
                    var e = window.event;
                    var src = obj.src;
                    var width = obj.naturalWidth/3;
                    var height = obj.naturalHeight/3;
                    var x = (document.documentElement.clientWidth-width)/2;
                    var y = (document.documentElement.clientHeight-height)/2;
                    var curlayer;
                    if(!level){
                        curlayer = layer;
                    }else if(level==1){
                        curlayer = parent.layer;
                    }

                    var img_infor = "<img width='" + width + "' height='" + height + "' border='0' src='" + src + "' />";
                    bigImgIndex = curlayer.open({
                        content:img_infor,
                        type:1,
                        offset:[y+"px",x+"px"],
                        title:false,
                        area:['auto','auto'],
                        shade:0,
                        closeBtn:1
                    });
                }
            }
        }catch(e){
        }

    }
</script>