页面中的图片超过规定的大小就按原图片大小缩小,不超过的就按原样的JS处理方案
来源:互联网 发布:flex布局 仿软件 编辑:程序博客网 时间:2024/06/09 20:15
我们经常会遇到在页面中的图片按照我们自己的大小来显示,这样可以让页面看起来更规范一些。
比如我们要在页面种显示130×160的图片,相当于我们将图片放入这样的一个相框那,超过的就缩放到这个框的大小,小的就原样显示。
我们这里有2种解决办法,
1,不按照比例的缩放
<script language="javascript">
function changeImg(mypic){
var xw=130;
var xl=160;
var width = mypic.width;
var height = mypic.height;
if (width > xw ) mypic.width = xw;
if (height > xl ) mypic.height = xl;
}
</script>
<img src="sh180.jpg" onload="changeImg(this)">
function changeImg(mypic){
var xw=130;
var xl=160;
var width = mypic.width;
var height = mypic.height;
if (width > xw ) mypic.width = xw;
if (height > xl ) mypic.height = xl;
}
</script>
<img src="sh180.jpg" onload="changeImg(this)">
<script language="javascript">
function changeImg1(mypic){
var xw=160;
var xl=180;
var width = mypic.width;
var height = mypic.height;
var bili = width/height;
var A=xw/width;
var B=xl/height;
if(A>1||B>1)
{
if(A<B)
{
mypic.width=xw;
mypic.height=xw/bili;
}
if(A>B)
{
mypic.width=xl*bili;
mypic.height=xl;
}
}
}
</script>
<img src="sh180.jpg" onload="changeImg(this)">
function changeImg1(mypic){
var xw=160;
var xl=180;
var width = mypic.width;
var height = mypic.height;
var bili = width/height;
var A=xw/width;
var B=xl/height;
if(A>1||B>1)
{
if(A<B)
{
mypic.width=xw;
mypic.height=xw/bili;
}
if(A>B)
{
mypic.width=xl*bili;
mypic.height=xl;
}
}
}
</script>
<img src="sh180.jpg" onload="changeImg(this)">
- 页面中的图片超过规定的大小就按原图片大小缩小,不超过的就按原样的JS处理方案
- 页面中的图片超过规定的大小就按原图片大小缩小,不超过的就按原样的JS处理方案
- 页面中的图片超过规定的大小就按原图片大小缩小,不超过的就按原样的JS处理方案
- 页面中的图片超过规定的大小就按原图片大小缩小,不超过的就按原样的JS处理方案
- 页面中的图片超过规定的大小就按原图片大小缩小,不超过的就按原样的JS处理方案
- 页面中的图片超过规定的大小就按原图片大小缩小,不超过的就按原样的JS处理方案 选择自 WeekZero 的 Blog
- Html显示图片时,超过规定尺寸大小,则同比缩放图片显示,保持页面不变形的方法
- 缩小图片的大小,缩小图片的占用空间
- django的图片上传(处理图片大小,图片如果如果存在就改变文件名)
- 将矩形向外扩展一圈,但不超过图片的大小
- js控制页面上展示的图片大小
- 生成规定大小的图片(缩略图生成)
- 使用JQuery控制输出规定大小的图片
- 生成规定大小的图片(缩略图生成)
- 判断文件夹的大小,当超过多少M就删除。
- 图片自动缩小的js代码,用以防止图片撑破页面
- 图片自动缩小的JS代码
- 关于图片放大缩小的js
- 南澳.西冲-东冲穿越之旅
- Java NIO原理和使用
- 去掉jbuider光标定位不准的解决办法
- 更改tomcat端口
- Problems deploying PetStore in jboss 4.0.2
- 页面中的图片超过规定的大小就按原图片大小缩小,不超过的就按原样的JS处理方案
- 使用PBDOM读取XML的一个例子
- EasyLon加密机制分析
- 根据内容自动调整弹出窗口大小的JS解决方案
- EWQREWQREW
- 用反射调用任意.net库中的方法
- 金融数学的书单 轉自:奇迹论坛 送交者: 直愚
- javascript 动态选择
- 如何在Delphi中调用Oracle 的(包)package