ecshop优化17-图片相册相关的优化

一，增加图片缩略图的清晰度

http://blog.sina.com.cn/s/blog_6a0f52f40100zvr9.html

includes/cls_image.php，在大约250行左右

if(function_exists('imagejpeg'))
       {
          $filename .='.jpg';
         imagejpeg($img_thumb, $dir .$filename,90);
       }

二，修改相应显示设置

修改后台商店设置-》显示设置：缩略图宽高设置成自己想要的大小。

主要的是一定和自己在文件中设置图片的宽高一致  这样就不会图片模糊了

最后记得批量处理一下图片哦 这样才会生效

三，增加放大图切换功能

http://hi.baidu.com/happyzhlb/item/ac57a2dd03035b312a35c74a

第一步 修改模板文件goods.dwt  

1.----在之间加入如下代码

 function change_img(img_src)

 {

 document.getElementsByName("goods_img")[0].src=img_src;

 }

 

 

2.----定位到

 

把它修改为

3.----保存

第二步--用编辑器打开商品相册库文件-----goods_gallery.lbi

把

(其它模板代码可能有点小差别)

改为

 

 

 

 

 

 

$picture.img_url)" />

 

这里我改动了一下，因为原来的this.src是缩略图，会模糊

SO，改成img_url

四，直接用jquery显示商品大图

不是说原来的商品相册不好，只是模式太旧款了，改成比较流行的jquery

效果个人还不太满意，不过先凑合着用吧，毕竟我不是做美工的

1),添加相应的JS

http://www.16sucai.com/2011/01/3648.html

http://www.16sucai.com/uploadfile/show4/jQuerybigpic/js/imazoom.js

http://www.16sucai.com/uploadfile/show4/jQuerybigpic/js/jq_ui_171.js

http://www.16sucai.com/uploadfile/show4/jQuerybigpic/style/jqUI.css

http://www.16sucai.com/uploadfile/show4/jQuerybigpic/images/zoom_btn.gif

http://www.16sucai.com/uploadfile/show4/jQuerybigpic/images/close_btn.gif

2)小图一个id="png"

goods_gallery.lbi

             
           

           

           

注意这里我用原图代替了img_url,因为我觉得原图更清

so,要改动一下，lib_goods.php里面的get_goods_gallery函数