源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

jquery图片不完全按比例自动缩小的简单代码

  • 时间:2022-02-16 19:18 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:jquery图片不完全按比例自动缩小的简单代码
[u]复制代码[/u] 代码如下:
jQuery(document).ready(function() {  /* 图片不完全按比例自动缩小*/  $(window).load(function(){$('#content div.thumbnail img').each(function(){ var x = 200;  //填入目标图片宽度  var y = 140;  //填入目标图片高度  var w=$(this).width(), h=$(this).height(); //获取图片宽度、高度  if (w > x) {  //图片宽度大于目标宽度时  var w_original=w, h_original=h; h = h * (x / w);  //根据目标宽度按比例算出高度 w =x;  //宽度等于预定宽度 if (h < y) {  //如果按比例缩小后的高度小于预定高度时  w = w_original * (y /h_original);  //按目标高度重新计算宽度 h = y;  //高度等于预定高度  }  } $(this).attr({width:w,height:h}); }); }); });
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部