最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
js 加载时自动调整图片大小
时间:2022-06-25 15:46:03 编辑:袖梨 来源:一聚教程网
// 方法:setSelectReadOnly 用于设定极select控件ReadOnly, // 这个一个模拟只读不是真的只读 // 使用了onbeforeactivate,onfocus,onmouseover,onmouseout事件 // 示例:< img src='img.jpg' onload='ImgAutoSize(ImgD,FitWidth,FitHeight)' > ; // create by sl // --------------------------------------------------- function ImgAutoSize(imgD,FitWidth,FitHeight) { var image1=new Image(); image1.onload = function () { if(this.width>0 && this.height>0) { if(this.width/this.height>= FitWidth/FitHeight) { if(this.width>FitWidth) { imgD.width=FitWidth; imgD.height=(this.height*FitWidth)/this.width; } else { imgD.width=this.width; imgD.height=this.height; } } else { if(this.height>FitHeight) { imgD.height=FitHeight; imgD.width=(this.width*FitHeight)/this.height; } else { imgD.width=this.width; imgD.height=this.height; } } } image1 = null; } image1.src=imgD.src; imgD.style.cursor = 'hand'; imgD.onclick= function(){openWin(this.src,'imgphoto',600,400)}; imgD.title = "点击在新窗口中查看原图"; }
相关文章
- 价格跟踪交易-价格跟踪交易软件 04-25
- 碧蓝航线使用要注意什么 04-25
- 明日之后苹果能做什么食物攻略 04-25
- 以闪亮之名浅栗捏脸数据id攻略 04-25
- 逆水寒手游春归学堂奇遇如何完成 04-25
- 明日之后二层别墅建造蓝图攻略 04-25