·您的位置: 首页 » 资源教程 » 编程开发 » JavaScript » 解决未知尺寸的图片撑破页面的问题

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

类别: JavaScript教程  评论数:0 总得分:0

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

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

  调用方法:

  图片中加onload事件如下:

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

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

-= 资 源 教 程 =-
文 章 搜 索
关键词:
类型:
范围:
纯粹空间 softpure.com
Copyright © 2006-2008 暖阳制作 版权所有
QQ: 15242663 (拒绝闲聊)  Email: faisun@sina.com
 纯粹空间 - 韩国酷站|酷站欣赏|教程大全|资源下载|免费博客|美女壁纸|设计素材|技术论坛   Valid XHTML 1.0 Transitional
百度搜索 谷歌搜索 Alexa搜索 | 粤ICP备19116064号-1