基于jquery实现等比缩放图片

前端之家收集整理的这篇文章主要介绍了基于jquery实现等比缩放图片前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

基于jquery的图片尺寸调整

resize.js

代码如下:
@H_301_7@ maxWidth){ ratio = maxWidth / width; $(this).css("width",maxWidth); $(this).css("height",height * ratio); height = height * ratio; } var width = $(this).width(); var height = $(this).height(); if(height > maxHeight){ ratio = maxHeight / height; $(this).css("height",maxHeight); $(this).css("width",width * ratio); width = width * ratio; } }); //$("#contentpage img").show(); // IMAGE RESIZE });

代码很简洁,使用起来也很简单,小伙伴们直接使用即可

猜你在找的jQuery相关文章