[织梦CMS教程] 织梦dedecms幻灯片模糊解决办法

[复制链接]
查看582 | 回复8 | 2019-5-23 14:43:55 | 显示全部楼层 |阅读模式
很多织梦站长朋友们用了几年的织梦,做了无数的织梦模板,但是都会遇到同一个问题就是织梦dedecms网站首页幻灯片调用的是缩略图,如果我们实际图片尺寸比例和幻灯片的大小相差太大的话,那么在织梦站首页显示的幻灯片图片就会自动拉伸模糊,这个看起来确实是比较影响美观和用户体验的一个问题,针对这个问题,AB织梦模版小编推荐使用以下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","");    }   然后清除缓存重新生成全站,看看已经OK了织梦cms建站教程从入门到精通,自由织梦网www.freedede.cn长期免费更新教程,图文结合dedecms建站教程经验,内容包含使用织 梦CMS、做模板、写采集规则、做插件模块,是学习织梦产品的最佳去处。
回复

使用道具 举报

冷专问 | 2020-12-11 02:28:44 | 显示全部楼层
支持悟空源码,越来越好
回复

使用道具 举报

小仙女要起飞 | 2021-6-27 05:19:10 | 显示全部楼层
悟空源码太厉害,资源真多!
回复

使用道具 举报

李松泰李c | 2022-6-2 03:41:38 | 显示全部楼层
这个下载站资源真齐全
回复

使用道具 举报

我是来白嫖悟空源码的资源的!
回复

使用道具 举报

天主的爱 | 2022-6-2 06:41:48 | 显示全部楼层
找了好多地方,终于找到了
回复

使用道具 举报

123457648 | 2022-6-3 04:55:42 | 显示全部楼层
找了好多地方,终于找到了
回复

使用道具 举报

见贤思齐380 | 2023-2-14 00:26:03 | 显示全部楼层
这个站很好,资源多,教程全
回复

使用道具 举报

123457390 | 2023-5-26 02:25:26 | 显示全部楼层
6666悟空源码资源多!
回复

使用道具 举报

蓝色妖姬2017 | 2024-1-22 06:55:58 | 显示全部楼层
厉害了,悟空源码资源多教程多!
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则