解决图片显示比例匹配问题,我个人建议用js重新定义长宽
来源:互联网 发布:电脑在线报修系统源码 编辑:程序博客网 时间:2024/05/17 02:30
<HTML>
<HEAD>
<TITLE>演示图片等比例缩小</TITLE>
<script>
function Wa_SetImgAutoSize(img)
{
//var img=document.all.img1;//获取图片
var MaxWidth=200;//设置图片宽度界限
var MaxHeight=100;//设置图片高度界限
var HeightWidth=img.offsetHeight/img.offsetWidth;//设置高宽比
var WidthHeight=img.offsetWidth/img.offsetHeight;//设置宽高比
//if(img.offsetHeight>1) alert(img.offsetHeight);
if(img.readyState!="complete"){
return false;//确保图片完全加载
}
if(img.offsetWidth>MaxWidth){
img.width=MaxWidth;
img.height=MaxWidth*HeightWidth;
}
if(img.offsetHeight>MaxHeight){
img.height=MaxHeight;
img.width=MaxHeight*WidthHeight;
}
}
function CheckImg(img)
{
var message="";
var MaxWidth=1;//设置图片宽度界限
var MaxHeight=1;//设置图片高度界限
if(img.readyState!="complete"){
return false;//确保图片完全加载
}
if(img.offsetHeight>MaxHeight) message+="/r高度超额:"+img.offsetHeight;
if(img.offsetWidth>MaxWidth) message+="/r宽度超额:"+img.offsetWidth;
if(message!="")
{
Wa_SetImgAutoSize(img);
}
}
</script>
</HEAD>
<BODY>
<img src="http://video.5jia1.com/test/ndata//p_album/p_album/1/35/100555//36/s_1_p_album_98_0485160001168769990.jpg" border=0 id="img1" onload="CheckImg(this);">
<br>
</BODY>
</HTML>
- 解决图片显示比例匹配问题,我个人建议用js重新定义长宽
- js比例缩小显示图片
- JS等比例显示图片
- js比例缩小显示图片
- js比例缩小显示图片
- Repeater中不能用ImageButton显示图片用什么来代替最好我的个人建议
- 控件自适应图片长宽比例
- jQuery插件layer扩展:解决大图显示时,图片的比例问题
- js中我定义一个var变量,在页面想显示出来,用什么东西显示比较好,var比较长还有空格
- 【日常收获7】修改ImageView显示的长宽比例
- 如何使用JS等比例改变显示图片的大小
- \t\t用js控制页面图片等比缩放 css图片等比缩放 比例缩放显示 js 页面 缩放图片 js缩放图片 图片按比例缩放
- JS等比例图片
- 解决nginx服务器图片(js/背景图片)不能显示问题
- 【js与jquery】js控制图片显示大小(图片等比例缩放)
- 将图片按照比例显示
- js等比例缩放图片
- JS等比例缩放图片
- 理解Asp.net中的View state
- 设计模式:概要
- 郁闷呀,自己水平太菜了。
- Oracle 10g JDeveloper与J2EE实战演练(学习笔记)
- 全球15个最顶级的技术类博客站点
- 解决图片显示比例匹配问题,我个人建议用js重新定义长宽
- 数据库连接池管理
- H.264 Abbreviations
- 关于先进先出成本计算1
- 判断窗口是刷新还是关闭
- SPRING数据访问对象(DAO)框架入门(!!)
- 做实验遇到的问题
- Visual C++ 学习笔记( 一 ) C++ 入门(转rockybug)
- 关于先进先出成本计算2