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

最新推荐文章于 2021-03-17 08:39:19 发布

roy9494

最新推荐文章于 2021-03-17 08:39:19 发布

阅读量700

点赞数

分类专栏： ecshop php

本文链接：https://blog.csdn.net/roy9494/article/details/11088387

版权

php 同时被 2 个专栏收录

33 篇文章 0 订阅

订阅专栏

ecshop

26 篇文章 0 订阅

订阅专栏

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

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.----在<head></head>之间加入如下代码

function change_img(img_src)

{

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

}

</script>

2.----定位到

把它修改为

3.----保存

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

把

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

改为

</li>

</li>

这里我改动了一下，因为原来的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

<li><a hidefocus="hidefocus" href="{$picture.original_url}" target="_blank"><img src="{if $picture.thumb_url}{$picture.thumb_url}{else}{$picture.img_url}{/if}" alt="{$goods.goods_name}" class="B_blue" onmouseOver="change_img('{$picture.img_url}')" id="png"/></a>
</li>

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

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

roy9494

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ecshop优化17-图片相册相关的优化

一，增加图片缩略图的清晰度http://blog.sina.com.cn/s/blog_6a0f52f40100zvr9.htmlincludes/cls_image.php，在大约250行左右if(function_exists('imagejpeg')) { $filename .='.jpg';
复制链接

扫一扫