| 注册
请输入搜索内容

热门搜索

Java Linux MySQL PHP JavaScript Hibernate jQuery Nginx
lpki123
11年前发布

jQuery缩放图片

虽然图片应该在服务器端缩放,不过如果服务器端未做缩放,需要再客户端缩放的时候,可以使用下面这个方便的代码片段:

$(window).bind("load", function() {      // IMAGE RESIZE      $('#product_cat_list img').each(function() {          var maxWidth = 120;          var maxHeight = 120;          var ratio = 0;          var width = $(this).width();          var height = $(this).height();                 if(width > 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  });