From e079519415aa09d5ce8c506e06b90e718f5452b6 Mon Sep 17 00:00:00 2001
From: dougang <78125310@kidgrow.com>
Date: Fri, 09 Apr 2021 13:53:11 +0800
Subject: [PATCH] 增加图片放大效果
---
kidgrow-web/kidgrow-web-manager/src/main/resources/static/pages/keaigao/AdvisoryManager_form.html | 42 ++++++++++++++++++++++++++++++++++++++----
1 files changed, 38 insertions(+), 4 deletions(-)
diff --git a/kidgrow-web/kidgrow-web-manager/src/main/resources/static/pages/keaigao/AdvisoryManager_form.html b/kidgrow-web/kidgrow-web-manager/src/main/resources/static/pages/keaigao/AdvisoryManager_form.html
index 36d62ad..9158dc4 100644
--- a/kidgrow-web/kidgrow-web-manager/src/main/resources/static/pages/keaigao/AdvisoryManager_form.html
+++ b/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%'/> ";
+ content += "<img src='" + url[i] + "' style='width: 25%;height: 100%;cursor:pointer;' onclick='tipImg(this,1)'/> ";
}
}
$("#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>
\ No newline at end of file
--
Gitblit v1.8.0