广州传奇网络
地址:广州市天河区东圃大马路富华楼C座
电话:13808825895
QQ:1564443073
ecshop 商品图片自动等比例缩略功能其实简单,就如下2步即可搞定
一、js部分 建立autoimg.js 代码如下
function ImgAuto(i,MaxW,MaxH){
var o=new Image();
o.src=i.src;
var w=o.width;
var h=o.height;
var t;
if (w>MaxW){
t=MaxW;
}else{
t=w;
}
if ((h*t/w)>MaxH){
i.height=MaxH;i.width=MaxH/h*w;
}
else{
i.width=t;
i.height=t/w*h;
}
}
在需要缩略的页面加载 autoimg.js;
二、模版调用部分
<img src="aa.jpg" onload="ImgAuto(this,112,112)" alt="双手工作室"> //例如要缩略为112*112,根据需要修改大小。