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

逢妞必泡鲁N

逢妞必泡鲁N

2016-02-19 13:15

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

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

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;
}
}
}

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

  调用方法:

  图片中加onload事件如下:

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

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

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

展开更多 50%)
分享

猜你喜欢

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

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

图片自动缩小的js代码,用以防止图片撑破页面

Web开发
图片自动缩小的js代码,用以防止图片撑破页面

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

新页面打开实际尺寸的图片

Web开发
新页面打开实际尺寸的图片

将jQuery应用于login页面的问题及解决

Web开发
将jQuery应用于login页面的问题及解决

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

解决远程页面抓取中的乱码问题?

Web开发
解决远程页面抓取中的乱码问题?

AJAX初学:IE缓存页面的问题

Web开发
AJAX初学:IE缓存页面的问题

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

urlproc.exe进程是什么

urlproc.exe进程是什么

JavaScript事件的理解

JavaScript事件的理解
下拉加载更多内容 ↓