写在前面
需求是页面上图像的缩略图，鼠标浮动时显示原始图像，并按比例缩放。
操作步骤
正式文档
密钥属性
1. type:设置为type=1，以将图像显示为页
2 .设置内容：页内容content
3. offset:设置页(图像)的展示坐标
4. area:安装展区宽度高度自动-自适应
看到这里，可以联想到将type设定为1-页，将content设定为标签，取入图像src就可以看到图像。
然后，设定图像显示的坐标(offset属性)和图像显示区域的大小(area属性)。 图像的宽度和高度其实可以在标签中动态拼接。
密钥代码
//浏览器窗口width height (将全部/4设定为图像显示左上角的坐标
varx=document.documentelement.clientwidth/4；
vary=document.documentelement.clientheight/4；
//照片的src
var src=obj.src； //图像的宽高/3缩放为原始图像尺寸的1/3
var width= obj.naturalWidth/3；
var height= obj.naturalHeight/3；
连接//img标签以设置width height src属性值
var img_show=' '；
bigImgIndex=layer.open({ ((
content:img_show，
类型：1，
offset:[y 'px '，x 'px']，
title :假，
area:['auto '，' auto']，
shade:0，
closeBtn:0}；
实际代码
/**当鼠标悬停在图像上时，将显示一幅大图*/
var bigImgIndex=null； functiontipimg(obj，level ) try ) varnavigatorname=' microsoftinternetexplorer '； if(navigator.appname！=navigatorname(if ) obj.nodename=='img ' ) {var e=window.event； //varx=e.clientx document.body.scroll left document.documentelement.scroll left
//vary=e.clienty document.body.scroll top document.documentelement.scroll top
varx=document.documentelement.clientwidth/4；
vary=document.documentelement.clientheight/4；
var src=obj.src； //var width=obj.naturalWidth；
//var height=obj.naturalHeight；
var width= obj.naturalWidth/3；
var height= obj.naturalHeight/3；
varcurlayer； if (！ 级别()。
curlayer=layer；
}elseif(level==1) {
curlayer=parent.layer；
}var img_infor=' '；
bigimgindex=curlayer.open ((/content : [ src，' no ' ) )，
content:img_infor，//type:2，
类型：1，
offset:[y 'px '，x 'px']，
title:false，//area:[width 'px '，height 'px']，
area:['auto '，' auto']，
shade:0，
closeBtn:0}；
}
}
}catch(e ) {
}
}
效果图
个性化
以上是个人修改的结果，在需求不同的情况下可以相应调整，所以省略说明。
谢谢