ecshop产品页大图片自适应显示的修改方法

2016-07-07 15:03 来源：www.chinab4c.com 作者：ecshop专家



该帖引用于 http://jiangkaijian.linniao.com/?p=33
方法很简单
以下以Genuine为例
第一步：打开网站安装目录下js/common.js文件，在文件最后加上如下代码
function ResetImgaeHeight(img,width,height){
var getruleratio=eval(width/height);
var getphotoratio=eval(img.width/img.height);
if (getphotoratio>=getruleratio && img.width>width){
img.width=width;
}
if (getphotoratio<getruleratio && img.height>height){
img.height=height;
}
}
第二步：打开安装目录下themes/Genuine/js/action.js文件，查找：
var contents = document.getElementById(contentid).getElementsByTagName(contenttagname);//提取id为focuscont下的div标签
在其后加上代码：
var pictures = document.getElementById(contentid).getElementsByTagName(”img”);//提取id为focuscont下的img标签
ResetImgaeHeight(pictures[0],300,300)
查找：
contarr[cur_index_num].style.display = “block”;
其后加上代码：
ResetImgaeHeight(pictures[cur_index_num],300,300);
查找：
contarr[thenum].style.display = “block”;
其后加上代码：
ResetImgaeHeight(pictures[thenum],300,300);
收工。
效果可以参看 重庆鲜花速递http://www.05203.com
其它模版我就不一一例出来了，方法类似，了解js的朋友自己研究，不懂的可以和我联系以获得帮助，谢谢!

回答：
学习中！！！

用上没有效果