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

2016-02-19 13:14 8 1 收藏

每个人都希望每天都是开心的,不要因为一些琐事扰乱了心情还,闲暇的时间怎么打发,关注图老师可以让你学习更多的好东西,下面为大家推荐javascript改变和控制显示的图片大小,赶紧看过来吧!

【 tulaoshi.com - Web开发 】

javascript: 改变和控制显示的图片大小(保持比例,同时可限制高宽),
IMG src="images/forumnew.gif" name=ntimg onResize="javascript: for(i=0;i123 && (this.width100||this.height100);i++){ this.width-= this.width/10 } /*alert(this.width)*/" _onLoad="alert('换图片了,不过是动画GIF,你就惨了,关不掉了')"
onResize显示改变后的图片大小,原来是34
a href=# onClick="document.all.ntimg.width +=100 "xxxx加大xxxx/a
a href=# onClick="document.all.ntimg.src = 'images/input.gif' "yyyyyy换图yyyyyy/a
a href=# onClick="alert( document.all.ntimg.width + ' & ' + document.all.ntimg.height ) "yyyyyyy图大小yyyyyy/a

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

来源:http://www.tulaoshi.com/n/20160219/1603457.html

延伸阅读
标签: FLASH flash教程
Poluoluo核心提示:这是一个为图片加框的效果,画框依据图片的大小而动态改变。 这是一个为图片加框的效果,画框依据图片的大小而动态改变。 (单击下面可以看到效果) 演示: 1、新建一个Flash文件,宽、高设置为550*420,背景黑色。 2、准备4张大小不同规格的图片,最大的宽、高不要超过530*380。 3、...
标签: Web开发
script language=Javascriptvar proMaxHeight = 150;var proMaxWidth = 110; function proDownImage(ImgD){ var image=new Image(); image.src=ImgD.src; if(image.width0 && image.height0){ var rate = (proMaxWidth/image.width proMaxHeight/image.height)?proMaxWidth/image.width:proMaxHeight/image....
标签: 电脑入门
这里介绍两种常用的方式: 直接移动尺寸控点: 将鼠标指针置于图片的一个尺寸控点之上。 拖动尺寸控点,直至得到所需的形状和大小。 在设置对象格式对话框中更改: 在右键菜单中,选择设置对象格式。 弹出设置对象格式对话框,选择大小选项卡。 要相应的文本框中键入或选择所需的确切值。 如果要复位图片的原始大小,请单击原始尺寸下的...
标签: word
Word中批量修改图片大小和缩放比例方法 最近图老师小编遇到一个问题:需要将一篇word文档中的所有图片全部缩小比例。一张张改太麻烦了。于是从网上搜罗了一下,还真找到了解决办法。需要注意的地方 就是注意厘米与像素的换算关系。一般情况下1厘米=28px 。这个换算关系其实可以用计算器计算出来。计算公式为图片改变之后的像素除以改变之后图...
画图软件如何快速缩小图片大小   越来越多的人有能力购买和拥有一台属于自己的相机,并随时随地拍摄下身边美好的一切,但是我们发现照相机拍下的文件像素很高,所以照片很大,分辨率高的甚至都达到10M。 然而有些照片,并不需要细致入微地查看,所以浪费了硬盘空间。那么如何快速缩小图片大小呢?今天就教大家,很简单的哦!一起来...

经验教程

775

收藏

69
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部