图片放大倍数（Image magnification）.doc
文本预览下载声明
图片放大倍数（Image magnification）
风格类型= textcss
。在2000年的时间里，我的工作是在我的工作中，在我的工作中，在我的工作中，在我的工作中，在我的工作中，在我的工作中，在我的工作中，我的工作是在我的工作中，在我的工作中，在我的工作中，在我的工作中。
。img_warp { positionrelative;top0px left0px;cursorcrosshair }
。img_warp。当前{ width318px;height199px }
风格
脚本类型= textjavascript
var $ E =函数(选择){
函数(objId)返回(objId===string)document.getelementbyid(objId)objId;
var beImg,扩大、剪辑、封面,扭曲,expImg;
var clipWidth clipHeight;
var closeTimeId =零;
var乘= 1;图片放大倍数,根据裁剪框和放大后图片容器的大小自动调整
初始化
(函数(){
beImg = _(opts.berviary);
经= beImg.parentNode;
封面= document.createElement(div);
warp.appendChild(封面);
cover.style。位置=绝对;
cover.style。顶级= 0 px;
cover.style。左= 0 px;
cover.style。写成backgroundColor = # ccc;
var opac=parseFloat(不透明度)0.3;
cover.style。不透明度= opac系统中;
cover.style。过滤=Alpha(不透明度=+opac 100+);
cover.style。宽度= 100%;
cover.style。身高= 100%;
cover.style。zIndex = 2;
cover.style。可见性=隐藏;
剪辑= document.createElement(img);
warp.appendChild(夹);
clipWidth =(选择。剪辑 opts.clip.width)60 px;
clipHeight =(选择。剪辑 opts.clip.height)60 px;
夹。src = beImg.src;
夹。className = beImg.className;
clip.style。位置=绝对;
clip.style。顶级= 0 px;
clip.style。左= 0 px;
clip.style。剪切=矩形(0px，+剪切宽度+，+剪切高度+，0 px);
clip.style。写成backgroundColor = # ccc;
clip.style。zIndex = 3;
ie里面会变态的自动设置宽度和高度
clip.removeAttribute(宽度);
clip.removeAttribute(高度);
})();
函数layerPos(e){
如果(e。layerX e.layerY){
返回{ xe.layerX ye.layerY };
其他} {
返回{ xe.x ye.y };
}
}
函数absolutePos(e){
如果(e。pageX e.pageY){
返回{ xe.pageX ye.pageY };
其他} {
var x = e。clientX +(document.documentElement.scrollLeftdocument.documentElement。
scrollLeft document.body.scrollLeft);
var y = e。clientY +(document.documentElement.scrollTopdocument.documentElement。scrollTop document.body.scrollTop);
返回{ xx,yy };
}
}
var showExpand = function(x,y,e){
如果(扩大){
initExpand();
}
expImg.style。左=(-1-x)mult+px;
expImg.style。顶部=(-1-y)mult+px;
如果((! opts.expand)(! opts.expand.id)){
var apo = absolutePos(e);
expand.style。左= 13。x+parseFloat(剪切宽度)2+20+px;
expand.style。= 13。y + px;
}
初始化放大的div
函数initExpand(){
如果选择。扩大 opts
显示全部