定制网站
智慧网站
外贸独立站
新零售社交电商系统
微网站
企业微信开发
h5营销
公众号开发
小程序定制
新零售商城小程序
积分小程序
智慧小程序
定制AI应用开发
AI客服智能体
营销智能体
销售智能体
数据分析智能体
智慧园区
物流TMS管理系统
企业资产管理系统
安全生产信息化管理
SEO优化
新媒体
短视频
出海社媒运营
域名注册
企业邮箱
云服务器
维护运营
SSL证书
等保服务
云OA系统
CRM开发
品牌网站解决方案
集团公司解决方案
商城网站解决方案
在线教育解决方案
新零售商城系统
基础商城小程序
企业积分福利商城
智慧园区
物流MES系统
物业合同管理
4008-520-635
怎样用jquery按比例缩放图片
- 2017-07-31 10:38:42
- 4960
做网站的时候，相信有很多朋友都会遇到图片过大，导致页面撑开变形的问题，如果强制设置width，height，图片则会因为强制变形而走样。在这里我介绍一种简单的按比例缩放图片的方法。
对于一堆图片
<img src="1.jpg" border="1"></img>
<img src="2.jpg" border="1"></img>
应用下面的Javascript代码
<SCRIPT LANGUAGE="JavaScript">
function setImg(img,width,height){
var scale_w=img.width/width;
var scale_h=img.height/height;
var scale=scale_w>scale_h?scale_w:scale_h;
img.width=img.width/scale;
return false;
}
</SCRIPT>
然后使用如下的jQuery语句即可
<script type="text/javascript">
$(document).ready(function(){
$("img").each(function(){
setImg(this,200,200);
});
});
</script>
由上海网站制作公司整理
未经允许不得转载，或转载时需注明出处：茄番番 » 怎样用jquery按比例缩放图片
新闻分类
热门文章
热门标签
关注我们
-
咨询
-
公众号