解决未知尺寸的图片撑破页面的问题

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

想要天天向上,就要懂得享受学习。图老师为大家推荐解决未知尺寸的图片撑破页面的问题,精彩的内容需要你们用心的阅读。还在等什么快点来看看吧!

【 tulaoshi.com - Web开发 】

  保证原图片长高比例,且不超过最大高度或宽度

function initimg(parpic,maxwidth,maxheight)
{
var scale=maxwidth/maxheight;
var realscale=parpic.width/parpic.height;
if((parpic.widthmaxwidth)||(parpic.heightmaxheight))
{
if(realscalescale)
{
parpic.width=maxwidth;
}
else
{
parpic.height=maxheight;
}
}
}

  调用方法:

  图片中加onload事件如下:

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

img name="carpic" onload="initimg(this,165,176)" src="图片地址"

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

  其中165,176,则为强制最大宽度及高度.

来源:https://www.tulaoshi.com/n/20160219/1603550.html

延伸阅读
提起文字排版,默认都是在纵向版面中进行的,但是,如果要是插入一张宽度大于文档页面宽度的图片,这是图片就会缩小、变形,看起来很不美观。解决方法就是将版面改成横向,下面就用示例讲解下其具体的应用。 简要概述 首先插入一张比较宽的照片,你会看到图片已变形,在页面布局——纸张方向中改变页面的方向,本例选择横向,当文...
标签: 电脑入门
有不少腾讯QQ用户在登陆QQ软件时遇到提示“请输入您在图片看到的字符”这是怎么回事呢? 登陆的地点和上次登陆的一地点是一样的。听QQ音乐也要输入.,可是并没有显示在别的地方登陆,这是怎么回事?     关于此问题,腾讯推出验证码的功能主要是为了保障您的权益,为了防止盗号者使用恶意软件以登录的方式扫描您的密码,请您...
标签: 电脑入门
Word 2007中解决图片不能层叠的问题 在Word2007中当不使用绘图画布时,在同一个位置插入的两张以上的图片,是不能直接将两张图片进行叠加或重叠的,必须执行以下操作才能实现。 选择其中一张图片,在该图片上单击右键,执行文字环绕-浮于文字上方命令,即可将图片置于另一张图片的上方。 如果要将图片置于另一图片的下方,则在该图片上单击...
标签: 电脑入门
QQ上接收自定义表情失败会显一个红叉。最近两天老是收到别人发来的“未知表情”(如图1),询问对方,对方称并未发送图片或表情。 经过充分发挥俺的聪明才智,最后找到了问题原因,并得到了朋友的证实——凡使用珊瑚虫版QQ的朋友都或多或少的遇到过这个情况。既然是“虫”子的原因,那就分析“虫”子的配置文件。经过再充分发挥俺的...
iPhone发生未知错误14怎么解决   问题表现: 有些用户在使用iTunes 升级或恢复 iPhone、ipad 或 iPod touch 时,更新或恢复过程可能会停止,iTunes 中显示警告信息未能恢复iPhone 发生未知错误并后跟错误编号14. 设备上还可能会显示连接 iTunes屏幕: 发生原因: 错误14的发生常常是USB接口的不稳定或者...

经验教程

816

收藏

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