css图片自适应大小
更新时间:2007年11月28日 16:26:14 作者:
复制代码 代码如下:
function ReImgSize(){
for (j=0;j<document.images.length;j++)
{
document.images[j].width=(document.images[j].width>420)?"420":document.images[j].width;
}
}
然后在body区域加上onload="ReImgSize()" 就可以了。经过测试,在Mozilla和IE上通过.。在这里补充一下关于图片的自适应,这点Mozilla做的比IE好,因为可以用CSS来控制图片的自适应。我们都知道Mozilla支持一个max-width 的CSS语法。于是我们这样这样定义图片的全局样式。
复制代码 代码如下:
img{
max-width:100%;height:auto;
}
相关文章
javascript 指定区域内图片等比例缩放实现代码 脚本之家整合版
javascript 区域内 图片等比例缩放实现代码 脚本之家整合版,兼容ie跟firefox。2009-10-10
javascript批量检查当图片不存在时则显示默认图片的代码
批量检查图片地址显示是不是有错误,在ie浏览器中是有当图片不存在时的onerror事件的,下面的代码即是非常不错的应用。2008-09-09
JavaScript判断图片是否能够加载,失败则替换默认图片
JavaScript智能判断图片是否能够正确加载,若加载失败则用默认图片替换,这是个比较实用的功能,不少网站都可见到这种功能.2010-10-10


最新评论