当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 用js按比例重定图片尺寸

Javascript
Mootools 1.2教程 排序类和方法简介
Mootools 1.2 手风琴（Accordion）教程
Mootools 1.2教程 类(一)
Mootools 1.2教程 Tooltips
Mootools 1.2教程 选项卡效果（Tabs）
Mootools 1.2教程(21)：类（二）
Mootools 1.2教程 同时进行多个形变动画
Mootools 1.2教程 滑动效果（Slide）
不安全的常用的js写法
javascript 检测浏览器类型和版本的代码
javascript 弹出层居中效果的制作
javascript 遮照层效果
Javascript createElement和innerHTML增加页面元素的性能对比
颜色快速采集器javascript代码
var与Javascript变量隐式声明
javascript 面向对象编程 万物皆对象
jQuery 事件队列调整方法
JavaScript switch case 的用法实例[范围]
控制input的CSS但不影响CheckBox以及Radio的样式
ext 同步和异步示例代码

No. « 185 186 187 188 »

技术文章搜索

关键字

Javascript 中的 用js按比例重定图片尺寸

出处:互联网   整理: 软晨网（RuanChen.com）   发布: 2009-10-10   浏览: 166 ::
收藏到网摘: n/a

问题是一个网友提出来的,想要达到的效果是:如果是图片宽高比大于150/240,以宽为主，宽＝150，高度自动,否则，以高为主，高＝240,宽度自动,

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head>
<script type="text/javascript">
function pic(){
var p=document.getElementsByTagName("img");
 for(var i=0;i<p.length;i++){
 pp=p[i];
  var pw = pp.width;
  var ph = pp.height; 
 
     if((150/240)>(pw/ph)){
    pp.style.width = "auto";
    pp.style.height = "240px";
     }
     if((150/240)<(pw/ph)){
    pp.style.width = "150px";
    pp.style.height= "auto";
     }
      }    
}
</script>
<body onLoad="pic()">
<img src="/upload/tech/20091009/20091009235220_1f4477bad7af3616c1f933a02bfabe4e.jpg" width="314" height="500">
<img src="/upload/tech/20091009/20091009235220_2421fcb1263b9530df88f7f002e78ea5.jpg" width="552" height="432">
</body>
</html>