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


Posted in jQuery onApril 29, 2017

本文实例讲述了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 validata插件实现方法
Jun 25 jQuery
各种选择框jQuery的选中方法(实例讲解)
Jun 27 jQuery
jQuery层级选择器_动力节点节点Java学院整理
Jul 04 jQuery
jQuery Pagination分页插件_动力节点Java学院整理
Jul 17 jQuery
jQuery中过滤器的基本用法示例
Oct 11 jQuery
jQuery+Cookie实现切换皮肤功能【附源码下载】
Mar 25 jQuery
jQuery实现每隔一段时间自动更换样式的方法分析
May 03 jQuery
jQuery easyui datagird编辑行删除行功能的实现代码
Sep 20 jQuery
jQuery实现数字自动增加或者减少的动画效果示例
Dec 11 jQuery
JS 遍历 json 和 JQuery 遍历json操作完整示例
Nov 11 jQuery
jQuery AJAX应用实例总结
May 19 jQuery
Jquery $.map使用方法实例详解
Sep 01 jQuery
node.js+jQuery实现用户登录注册AJAX交互
Apr 28 #jQuery
jQuery使用eraser.js插件实现擦除、刮刮卡效果的方法【附eraser.js下载】
Apr 28 #jQuery
jquery实现图片上传前本地预览
Apr 28 #jQuery
jQuery实现jQuery-form.js实现异步上传文件
Apr 28 #jQuery
jQuery tip提示插件(实例分享)
Apr 28 #jQuery
jQuery自定义元素右键点击事件(实现案例)
Apr 28 #jQuery
jQuery实现动态添加、删除按钮及input输入框的方法
Apr 27 #jQuery
You might like
php+mysql写的简单留言本实例代码
2008/07/25 PHP
探讨如何使用SimpleXML函数来加载和解析XML文档
2013/06/07 PHP
用javascript操作xml
2006/11/04 Javascript
javascript获取当前日期时间及其它操作函数
2011/01/11 Javascript
Jquery如何实现点击时高亮显示代码
2014/01/22 Javascript
基于jquery固定于顶部的导航响应浏览器滚动条事件
2014/11/02 Javascript
javascript 中__proto__和prototype详解
2014/11/25 Javascript
JavaScript编程中容易出BUG的几点小知识
2015/01/31 Javascript
Javascript实现颜色rgb与16进制转换的方法
2015/04/18 Javascript
Javascript闭包(Closure)详解
2015/05/05 Javascript
JS实现字符串转日期并比较大小实例分析
2015/12/09 Javascript
7个去伪存真的JavaScript面试题
2016/01/07 Javascript
jQuery EasyUI框架中的Datagrid数据表格组件结构详解
2016/06/09 Javascript
详解JavaScript节流函数中的Throttle
2016/07/16 Javascript
JavaScript实现打地鼠小游戏
2020/04/23 Javascript
详解如何在webpack中做预渲染降低首屏空白时间
2018/08/22 Javascript
JS与SQL方式随机生成高强度密码示例
2018/12/29 Javascript
Angular6 用户自定义标签开发的实现方法
2019/01/08 Javascript
vue 实现用户登录方式的切换功能
2020/04/14 Javascript
django简单的前后端分离的数据传输实例 axios
2020/05/18 Javascript
vue使用better-scroll实现滑动以及左右联动
2020/06/30 Javascript
Python利用Nagios增加微信报警通知的功能
2016/02/18 Python
Django使用Celery异步任务队列的使用
2018/03/13 Python
利用numpy和pandas处理csv文件中的时间方法
2018/04/19 Python
python连接mongodb集群方法详解
2020/02/13 Python
python GUI库图形界面开发之PyQt5动态(可拖动控件大小)布局控件QSplitter详细使用方法与实例
2020/03/06 Python
python实现录音功能(可随时停止录音)
2020/10/26 Python
10个python爬虫入门实例(小结)
2020/11/01 Python
python 实现波浪滤镜特效
2020/12/02 Python
英国羊皮鞋类领先品牌:Just Sheepskin
2019/12/12 全球购物
俄罗斯奢侈品牌衣服、鞋子和配饰的在线商店:INTERMODA
2020/07/17 全球购物
C++是不是类型安全的
2014/02/18 面试题
外语学院毕业生的自我鉴定
2013/11/28 职场文书
建筑安全生产责任书
2014/07/22 职场文书
2014年初三班主任工作总结
2014/12/05 职场文书
LayUI+Shiro实现动态菜单并记住菜单收展的示例
2021/05/06 Javascript