手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >js 加载时自动调整图片大小
js 加载时自动调整图片大小
摘要://方法:setSelectReadOnly用于设定极select控件ReadOnly,//这个一个模拟只读不是真的只读//使用了onbef...

//方法:setSelectReadOnly用于设定极select控件ReadOnly,

//这个一个模拟只读不是真的只读

//使用了onbeforeactivate,onfocus,onmouseover,onmouseout事件

//示例:<imgsrc='img.jpg'onload='ImgAutoSize(ImgD,FitWidth,FitHeight)'>;

//createbysl

//---------------------------------------------------

functionImgAutoSize(imgD,FitWidth,FitHeight)

{

varimage1=newImage();

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="点击在新窗口中查看原图";

}

【js 加载时自动调整图片大小】相关文章:

javascript改变和控制显示的图片大小

网页里控制图片大小的相关代码

js验证上传图片的方法

jQuery预加载图片常用方法

用javascript制作放大镜放大图片

js兼容火狐获取图片宽和高的方法

javascript鼠标滑动评分控件完整

js+html5绘制图片到canvas的方法

js获取滚动距离的方法

js实现发送验证码后的倒计时功能

精品推荐
分类导航