piis   发表于 2014-11-28 01:24:55 |栏目: |分类:dedecms教程
很多织梦站长朋友们用了几年的织梦,做了无数的织梦模板,但是都会遇到同一个问题就是织梦dedecms网站首页幻灯片调用的是缩略图,如果我们实际图片尺寸比例和幻灯片的大小相差太大的话,那么在织梦站首页显示的幻灯片图片就会自动拉伸模糊,这个看起来确实是比较影响美观和用户体验的一个问题,针对这个问题,小编推荐使用以下2个方法来解决这个幻灯片图片模糊的问题。

第一种解决办法:手动制图
        手动制图的方法确实是比较繁琐一点的办法,但是很实用可以分毫不差的展示幻灯图片,具体的做法是用Photoshop工具(或者美图秀秀)把图片做成和幻灯片尺寸大小一致,等比例的图,然后手动上传,这样就可以了,这个优点是幻灯图片大小合适,质量很清晰,缺点是用ps工具制图稍微麻烦了些,有时间又有精力的站长筒子们可以试试啦。

第二种:修改织梦代码,自动等比例调用图片
        自动等比例调用图片,这个方法比较实用,可以自动将我们上传的图片批量调整为固定的大小比例。这种方式的优点是自动生成,简单快速,缺点是横竖比率的图片没办法加以区分,如果将横比例的图片按照数比例的图片来压缩,那么会让图片失真。

具体做法如下

1:打开织梦网站的首页模板(index.htm)或者需要幻灯的网页模板,找到读取缩略图的代码
  picarr[[field:global.autoindex/]] = “[field:litpic/]“;
         
2:找到下面的js代码
           for(i=1;i<picarr.length;i++){
           if(files=="") files = picarr;
           elsefiles += "|"+picarr;
           }

 我们把这段织梦代码修改为
            for(i=1;i<picarr.length;i++){
            if(files=="") files = picarr.replace("-lp","");
           elsefiles += "|"+picarr.replace("-lp","");
           }

回复 显示全部楼层 使用道具 举报

额我看了

论坛元老

额我看了   发表于 2015-4-16 15:35:48 |栏目:
此帖仅作者可见

显示全部楼层 使用道具 举报

都是围绕

论坛元老

都是围绕   发表于 2015-4-16 15:35:55 |栏目:
此帖仅作者可见

显示全部楼层 使用道具 举报

都是围绕

论坛元老

都是围绕   发表于 2015-4-16 15:35:47 |栏目:
此帖仅作者可见

显示全部楼层 使用道具 举报

的风格

论坛元老

的风格   发表于 2015-4-16 15:35:48 |栏目:
此帖仅作者可见

显示全部楼层 使用道具 举报

多大的

论坛元老

多大的   发表于 2015-4-16 15:35:47 |栏目:
此帖仅作者可见

显示全部楼层 使用道具 举报

我想我的爱

论坛元老

我想我的爱   发表于 2015-4-21 15:47:15 |栏目:
此帖仅作者可见

显示全部楼层 使用道具 举报

dcx

论坛元老

dcx   发表于 2015-4-21 15:47:18 |栏目:
此帖仅作者可见

显示全部楼层 使用道具 举报

我想我的爱

论坛元老

我想我的爱   发表于 2015-4-21 15:47:14 |栏目:
此帖仅作者可见

显示全部楼层 使用道具 举报

dcx

论坛元老

dcx   发表于 2015-4-21 15:47:18 |栏目:
此帖仅作者可见

显示全部楼层 使用道具 举报

高级模式  
B Color Image Link Quote Code Smilies |上传

本版积分规则

作者相关信息

更多discuzx模板

精品推荐

极品资源

原创模板

下载排行

热门标签

 
 
技术支持
加入VIP
链接失效
VIP交流群
源码建站交流
源码合买群
源代码合买
免费源码交流群
小坏源码社区交流群
工作时间:
9:00-21:00
 
快速回复 返回顶部 返回列表