jQuery设置图片等比例缩小的方法

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

网站的内容页面，经常要放图片，如果图片太大会撑出，影响页面美观。如果只是用css限制图片的最大宽度，会引起图片的变形，这里建议还是用js来实现，实现方式如下：

<script language="javascript" type="text/javascript">
window.onload = function () {
  //判断图片大小，超过一定宽度，要通过js定义图片大小
  $.each($(".sec-content img"), function (i, v) {
    if (v.width > 740)
    {
      v.width = 740; //重定义编辑器自带的宽度
      v.removeAttribute('height'); //移除编辑器自带的图片高度
    }
  });
}
</script>

注意，引用本方法前前先引入jQuery。$(".sec-content img")这里是文章内容中的图片筛选。

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

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

# jQuery  # 图片  # 等比例  # 缩小  # 基于jquery实现一张图片点击鼠标放大再点缩小  # 用JQuery模仿淘宝的图片放大镜显示效果  # jQuery插件zoom实现图片全屏放大弹出层特效  # 基于Jquery插件开发之图片放大镜效果(仿淘宝)  # jQuery当鼠标悬停时放大图片的效果实例  # jQuery实现图片放大预览实现原理及代码  # JQuery控制图片由中心点逐渐放大效果  # jQuery左右滚动支持图片放大缩略图图片轮播代码分享  # jQuery实现滚动鼠标放大缩小图片的方法(附demo源码下载)  # 基于jQuery的图片不完全按比例自动缩小  # jQuery实现的点击图片居中放大缩小功能示例  # 自带  # 编辑器  # 操作技巧  # 相关内容  # 感兴趣  # 给大家  # 更多关于  # 来实现  # 所述  # 程序设计  # 前先  # 移除  # 选择器  # 讲述了  # lt  # class  # brush  # javascript  # language 

相关文章： c# Task.Yield 的作用是什么 它和Task.Delay(1)有区别吗  制作企业网站建设方案,怎样建设一个公司网站？  重庆网站制作公司哪家好,重庆中考招生办官方网站？  公司网站设计制作厂家,怎么创建自己的一个网站？  ppt制作免费网站有哪些,ppt模板免费下载网站？  简单实现Android验证码  建站之星微信建站一键生成小程序+多端营销系统  专业公司网站制作公司,用什么语言做企业网站比较好？  建站之星安装需要哪些步骤及注意事项？  如何正确选择百度移动适配建站域名？  如何选择网络建站服务器？高效建站必看指南  网站建设制作需要多少钱费用,自己做一个网站要多少钱，模板一般多少钱？  教学网站制作软件,学习*后期制作的网站有哪些？  专业型网站制作公司有哪些,我设计专业的，谁给推荐几个设计师兼职类的网站？  制作假网页,招聘网的薪资待遇，会有靠谱的吗？一面试又各种折扣？  TestNG的testng.xml配置文件怎么写  如何用AWS免费套餐快速搭建高效网站？  如何挑选优质建站一级代理提升网站排名？  广州网站制作的公司,现在专门做网站的公司有没有哪几家是比较好的，性价比高，模板也多的？  SQL查询语句优化的实用方法总结  品牌网站制作公司有哪些,买正品品牌一般去哪个网站买？  建站主机默认首页配置指南：核心功能与访问路径优化  合肥制作网站的公司有哪些,合肥聚美网络科技有限公司介绍？  成都响应式网站开发,dw怎么把手机适应页面变成网页？  历史网站制作软件,华为如何找回被删除的网站？  网站制作公司排行榜,四大门户网站排名？  云南网站制作公司有哪些,云南最好的招聘网站是哪个？  C#怎么使用委托和事件 C# delegate与event编程方法  如何用PHP工具快速搭建高效网站？  如何在阿里云部署织梦网站？  如何通过可视化优化提升建站效果？  专业网站建设制作报价,网页设计制作要考什么证？  建站之星与建站宝盒如何选择最佳方案？  代刷网站制作软件,别人代刷火车票靠谱吗？  制作网站的基本流程,设计网站的软件是什么？  建站上市公司网站建设方案与SEO优化服务定制指南  三星网站视频制作教程下载,三星w23网页如何全屏？  矢量图网站制作软件,用千图网的一张矢量图做公司app首页，该网站并未说明版权等问题，这样做算不算侵权？应该如何解决？  如何快速辨别茅台真假？关键步骤解析  韩国服务器如何优化跨境访问实现高效连接？  制作网站的软件免费下载,免费制作app哪个平台好？  如何获取免费开源的自助建站系统源码？  如何在云主机快速搭建网站站点？  php条件判断怎么写_ifelse和switchcase的使用区别【对比】  如何通过二级域名建站提升品牌影响力？  如何快速搭建自助建站会员专属系统？  C++如何编写函数模板？（泛型编程入门）  创业网站制作流程,创业网站可靠吗？  常州自助建站费用包含哪些项目？  在线ppt制作网站有哪些,请推荐几个好的课件下载的网站？