多语言展示
当前在线:1044今日阅读:26今日分享:39

完美、高效解决IE6图片按比例缩小

IE6不支持 max-width 和 max-height,使用 expression() 又太耗资源;使用 JavaScript  写个函数直接调用,既方便又高效。除了支持IE6,也支持其它浏览器,如IE7、IE8、火狐等。
步骤/方法
1

程序的大概思路是:首先获取图片所在的父层(如div)ID,然后再循环处理该层的所有图片。如果图片的实际宽度大于传入的宽度(w),则根据传入的宽度(w)计算出图片新的高度(newHeight);如果新的高度(newHeight)小于等于传入的高度(h),则以新高度(newHeight)和传入的宽度(w)作为图片的当前高度和宽度;否则以传入的高度和新计算的宽度作图片的当前高度和宽度。如果图片的实际宽度小于等于传入的宽度(w),也是一样的道理。具体函数如下:

2

调用方法:checkImage(parentNode,width,height)

3

参数说明:parentNode 表示图片父对象 ID;    width 表示图片的宽度;     height 表示图片的高度。

4

最终效果如图所示:

推荐信息