jQuery实现按比例缩放图片的方法

本文实例讲述了jQuery实现按比例缩放图片的方法。分享给大家供大家参考，具体如下：

做网站的时候，相信有很多朋友都会遇到图片过大，导致页面撑开变形的问题，如果强制设置width，height，图片则会因为强制变形而走样。在这里我介绍一种简单的按比例缩放图片的方法。

对于一堆图片

<img src="1.jpg" border="1"></img>
<img src="2.jpg" border="1"></img>

应用下面的JavaScript代码

<SCRIPT LANGUAGE="JavaScript">
function setImg(img,width,height){
  var scale_w=img.width/width;
  var scale_h=img.height/height;
  var scale=scale_w>scale_h?scale_w:scale_h;
  img.width=img.width/scale;
  return false;
}
</SCRIPT>

然后使用如下的jQuery语句即可

<script type="text/javascript">
$(document).ready(function(){
    $("img").each(function(){
    setImg(this,200,200);
  });
});
</script>

更多关于jQuery相关内容感兴趣的读者可查看本站专题：《jQuery图片操作技巧大全》、《jQuery表格(table)操作技巧汇总》、《jQuery切换特效与技巧总结》、《jQuery扩展技巧总结》、《jQuery常用插件及用法总结》、《jQuery常见经典特效汇总》及《jquery选择器用法总结》

希望本文所述对大家jQuery程序设计有所帮助。

# jQuery  # 按比例  # 缩放图片  # 关于meta viewport中target-densitydpi属性详解（推荐）  # 自适应布局meta标签中viewport、content、width、initial-scale、m  # 微信小程序movable view移动图片和双指缩放实例代码  # 学习使用Material Design控件（四）Android实现标题栏自动缩放、放大效果  # JS实现禁止用户使用Ctrl+鼠标滚轮缩放网页的方法  # JavaScript实现移动端页面按手机屏幕分辨率自动缩放的最强代码  # 操作技巧  # 相关内容  # 在这  # 有很多  # 感兴趣  # 给大家  # 过大  # 更多关于  # 则会  # 所述  # 里我  # 程序设计  # 选择器  # 形而  # 讲述了  # type  # pre  # javascript  # text 

相关文章： 在线ppt制作网站有哪些,请推荐几个好的课件下载的网站？  网站制作专业公司有哪些,如何制作一个企业网站，建设网站的基本步骤有哪些？  建站三合一如何选？哪家性价比更高？  如何获取免费开源的自助建站系统源码？  免费网站制作appp,免费制作app哪个平台好？  想学网站制作怎么学,建立一个网站要花费多少？  实惠建站价格推荐：2025年高性价比自助建站套餐解析  北京网站制作公司哪家好一点,北京租房网站有哪些？  如何安全更换建站之星模板并保留数据？  如何在Ubuntu系统下快速搭建WordPress个人网站？  微信小程序 input输入框控件详解及实例（多种示例）  郑州企业网站制作公司,郑州招聘网站有哪些？  如何通过虚拟机搭建网站？详细步骤解析  外贸公司网站制作哪家好,maersk船公司官网？  如何确保FTP站点访问权限与数据传输安全？  设计网站制作公司有哪些,制作网页教程？  如何零基础开发自助建站系统？完整教程解析  专业公司网站制作公司,用什么语言做企业网站比较好？  七夕网站制作视频,七夕大促活动怎么报名？  如何挑选最适合建站的高性能VPS主机？  rsync同步时出现rsync: failed to set times on “xxxx”: Operation not permitted  金*站制作公司有哪些,金华教育集团官网？  三星网站视频制作教程下载,三星w23网页如何全屏？  免费制作海报的网站,哪位做平面的朋友告诉我用什么软件做海报比较好?ps还是cd还是ai这几个软件我都会些我是做网页的？  深圳 网站制作,深圳招聘网站哪个比较好一点啊？  如何通过虚拟主机快速完成网站搭建？  如何通过VPS建站实现广告与增值服务盈利？  如何在香港服务器上快速搭建免备案网站？  c++怎么实现高并发下的无锁队列_c++ std::atomic原子变量与CAS操作【详解】  西安大型网站制作公司,西安招聘网站最好的是哪个？  上海网站制作网站建设公司,建筑电工证网上查询系统入口？  Python如何创建带属性的XML节点  如何快速搭建自助建站会员专属系统？  番禺网站制作公司哪家值得合作,番禺图书馆新馆开放了吗？  建站上市公司网站建设方案与SEO优化服务定制指南  如何快速查询域名建站关键信息？  建站之星好吗？新手能否轻松上手建站？  怎么用手机制作网站链接,dw怎么把手机适应页面变成网页？  公司门户网站制作公司有哪些,怎样使用wordpress制作一个企业网站？  孙琪峥织梦建站教程如何优化数据库安全？  如何在建站主机中优化服务器配置？  营销式网站制作方案,销售哪个网站招聘效果最好？  红河网站制作公司,红河事业单位身份证如何上传？  武汉网站设计制作公司,武汉有哪些比较大的同城网站或论坛，就是里面都是武汉人的？  网站制作大概要多少钱一个,做一个平台网站大概多少钱？  制作网站的软件下载免费,今日头条开宝箱老是需要下载怎么回事？  制作网站软件推荐手机版,如何制作属于自己的手机网站app应用？  北京网站制作网页,网站升级改版需要多久？  建站主机选虚拟主机还是云服务器更好？  建站DNS解析失败？如何正确配置域名服务器？