点击图片等比缩放
//图片切换展示 function changeInfo(tag) { var tmp = $(tag).width(); console.log(tmp); if (tmp > 90) { ImgZoom(tag, 90); } else { $(tag).css("width", "").css("height", "");//删除指定宽度 采用原始宽度 ImgZoom(tag, 1000); } } //图片等比缩放 function ImgZoom(tag, w) { var img_w = $(tag).width();//图片宽度 var img_h = $(tag).height();//图片高度 if (img_w > w) {//如果图片宽度超出指定最大宽度 var height = (w * img_h) / img_w; //高度等比缩放 $(tag).css({ "width": w, "height": height });//设置缩放后的宽度和高度 } } //加载时全部图片等比缩放 function AllImgZoom() { var w = 90;//设置最大宽度,也可根据img的外部容器 而动态获得,比如:$("#demo").width(); $("img").each(function () {//如果有很多图片,使用each()遍历 var img_w = $(this).width();//图片宽度 var img_h = $(this).height();//图片高度 var height = (w * img_h) / img_w; //高度等比缩放 $(this).css({ "width": w, "height": height }); }); }
<img onclick="changeInfo(this)" src=" http://116.6.55.44:10006/Attachment/Case/50e21e0a-bf2c-4370-8d3a-4e40ca8316e1.jpg" style="width: 90px;">
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 25岁的心里话
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 一起来玩mcp_server_sqlite,让AI帮你做增删改查!!
· 零经验选手,Compose 一天开发一款小游戏!