jquery图片不完全按比例自动缩小的简单代码
- 软件编程
- 2026-01-11 14:57:09
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}); }); }); });
# 填入
# BR
# 比例
# 不完全
# gt
# jQuery
# 图片
# content
# document
# lt
# span
# load
# function
# nbsp
# div
# height
# ready
# 按比例
# window
# attr
# 缩小
# jQuery实现等比例缩放大图片让大图片自适应页面布局
# jquery 图片预加载 自动等比例缩放插件
# jquery实现图片按比例缩放示例
# jquery实现页面图片等比例放大缩小功能
# jquery实现根据浏览器窗口大小自动缩放图片的方法
# 用jquery实现等比例缩放图片效果插件
# jquery 图片上传按比例预览插件集合
# jquery实现图片等比例缩放以及max-width在ie中不兼容解决
# 基于jquery实现等比缩放图片
# jQuery设置图片等比例缩小的方法
# 基于jQuery的图片不完全按比例自动缩小
# 用jquery等比例控制图片宽高的具体实现
# jQuery实现按比例缩放图片的方法
# w_original
# h_original
相关栏目:
【
教研文案 】
【
日常文案 】
【
AI模型 】
【
网络运营 】
【
营销推广 】
【
云计算 】
【
技术教程 】
【
软件编程 】
【
汉字学习 】
【
歌词歌曲 】
【
精选文章 】
相关推荐:
小程序中手机号识别的示例
微信小程序实现左滑删除效果
Android多线程断点续传下载实现代码
python 实现性别识别
浅析MysQL B-Tree 索引
C++ 输入scanf()和输出printf()的操作
python 基于opencv 绘制图像轮廓
java 使用poi 导入Excel数据到数据库的步骤
python基于win32api实现键盘输入
解决Docker之mysql容器数据库更改不生效的问题
解决docker日志挂载的问题
Android Studio导入jar包过程详解
解决python3输入的坑——input()
IDEA main主函数如何添加args变量
c# 使用HtmlAgilityPack解析Html
python爬取招聘要求等信息实例
IPV4和IPV6正则表达式的深入讲解
android通过拼音搜索中文的功能实现代码
Java 基于TCP Socket 实现文件上传
Docker容器时区调整操作
Python: glob匹配文件的操作
Android Studio实现简单音乐播放功能的示例代码
python-地图可视化组件folium的操作
源码解析Java类加载器
解决docker安装后运行hello-world报错的问题
golang语言如何将interface转为int, string,slice,struct等类型
idea 开发神器之idea插件汇总
docker部署nginx并且挂载文件夹和文件操作
vue-drawer-layout实现手势滑出菜单栏
Selenium环境变量配置(火狐浏览器)及验证实现
vue中如何自定义右键菜单详解
go版tensorflow安装教程详解
JAVA Web.xml加载顺序过程详解
基于Nginx实现限制某IP短时间访问次数
docker 查看容器日志命令的实现
java 多线程实现在线咨询(udp)
C#中is,as,using关键字的使用说明
fastJson泛型如何转换的实现
pandas实现导出数据的四种方式
快速入门Shell脚本之条件判断语句与循环
C++ 输入一行数字(含负数)存入数组中的案例
python 动态渲染 mysql 配置文件的示例
python RSA加密的示例
全面介绍python中很常用的单元测试框架unitest
Java程序执行过程及内存机制详解
Redis 缓存实现存储和读取历史搜索关键字的操作方法
C# 调用腾讯即时通信 IM的示例
C语言中scanf函数与空格回车的用法说明
浅谈shell脚本免交互的四大方法
C# 实现FTP上传资料的示例
本文转自网络,如有侵权请联系客服删除。
热门内容推荐
C#使用虚拟方法实现多态
- 2026-01-11
JavaScript原生对象之String对象的属性和方法详解
- 2026-01-11
js实现DOM走马灯特效的方法
- 2026-01-11
轻松创建nodejs服务器(1):一个简单nodejs服务器例子
- 2026-01-11
php实现微信公众平台账号自定义菜单类
- 2026-01-11
