图片放大倍数.docVIP

图片放大倍数 style type=textcss .img_warp {width318px; _height199px; _overflowhidden; border1px solid #ccc;padding0px;margin-left0px; margin-top0px; positionabsolute;top0px; left0px;} .img_warp{positionrelative;top0px; left0px;cursorcrosshair} .img_warp .current{ width318px;height199px} style script type=textjavascript var $E = function(opts){ function _(objId){return (typeof objId === string)document.getElementById(objId)objId;} var beImg,expand,clip,cover,warp,expImg; var clipWidth,clipHeight; var closeTimeId = null; var mult = 1; 图片放大倍数,根据裁剪框和放大后图片容器的大小自动调整 init (function(){ beImg = _(opts.berviary); warp = beImg.parentNode; cover = document.createElement(div); warp.appendChild(cover); cover.style.position = absolute; cover.style.top = 0px; cover.style.left = 0px; cover.style.backgroundColor = #ccc; var opac = parseFloat(opts.opacity) 0.3; cover.style.opacity = opac; cover.style.filter = Alpha(Opacity= + opac 100 + ); cover.style.width = 100%; cover.style.height = 100%; cover.style.zIndex = 2; cover.style.visibility = hidden; clip = document.createElement(img); warp.appendChild(clip); clipWidth = (opts.clip opts.clip.width) 60px; clipHeight = (opts.clip opts.clip.height) 60px; clip.src = beImg.src; clip.className = beImg.className; clip.style.position = absolute; clip.style.top = 0px; clip.style.left = 0px; clip.style.clip = rect(0px, + clipWidth + , + clipHeight + ,0px); clip.style.backgroundColor = #ccc; clip.style.zIndex = 3; ie里面会变态的自动设置宽度和高度 clip.removeAttribute(width); clip.removeAttribute(height); })(); function layerPos(e){ if(e.layerX e.layerY){ return {xe.layerX,ye.layerY}; } else { return {xe.x,ye.y}; } } function absolutePos(e){ if(e.pageX e.pageY){ return {xe.pageX,ye.pageY}; } else { var x = e.clientX + (document.documentElement.scrollLeftdocument.documentElement.scrollLeft document.body.scrollLeft); var y = e.clientY + (document.documentElement.scrollTopdocument.documentElement.scrollTop