博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jquery图片自动缩放
阅读量:6213 次
发布时间:2019-06-21

本文共 550 字,大约阅读时间需要 1 分钟。

hot3.png

jquery.fn.ImageAutoSize = function(width,height){    $("img",this).each(function()    {        var image = $(this);        if(image.width()>width)        {            image.width(width);            image.height(width/image.width()*image.height());        }        if(image.height()>height)        {            image.height(height);            image.width(height/image.height()*image.width());        }    });}

调用:先引用上面的脚本或将上页的脚本放入自己的JS库,然后只要再加

$(function(){ $("图片组所在的容器").ImageAutoSize(限制最大宽,限制最大高);});

转载于:https://my.oschina.net/u/148851/blog/188424

你可能感兴趣的文章
消息处理机制之Handler
查看>>
Spring Boot(五):Spring Boot Jpa 的使用
查看>>
理解Docker架构
查看>>
手把手教你学FPGA系列(1)
查看>>
【转载与整理】多项式除法与综合除法
查看>>
什么是restful
查看>>
URL重写实现网站301重定向
查看>>
【BZOJ】3676: [Apio2014]回文串
查看>>
【LibreOJ】【LOJ】#6217. 扑克牌
查看>>
Greatest Number(山东2010省赛)
查看>>
EOJ Monthly 2018.1
查看>>
document.compatMode属性
查看>>
Servlet学习笔记
查看>>
CyclicBarrier的应用场景
查看>>
20172318 《程序设计与数据结构》第三周学习总结
查看>>
Windows下安装phpRedis扩展
查看>>
在Visual Studio中将现有.NET Framework项目迁移至.NET Core 1.1 Preview 1
查看>>
电子商城实录------载入数据库模型
查看>>
为什么在vue的组件中,data要用function返回对象呢?
查看>>
使用selenium模拟登陆点击登陆按钮
查看>>