您现在的位置是:蓝之诺 > Dedecms >
织梦dedecms幻灯片模糊解决办法
2020-09-17 14:17 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[i];
elsefiles += "|"+picarr[i];
}
我们把这段织梦代码修改为
for(i=1;i<picarr.length;i++){
if(files=="") files = picarr[i].replace("-lp","");
elsefiles += "|"+picarr[i].replace("-lp","");
}
然后清除缓存重新生成全站,看看已经OK了
Tags: 织梦DedeCMS
相关文章
随机图文
-
织梦DedeCMS如何去掉首页域名后面的index
今天我的一朋友和我做友情连接的时候对我 说请把你的域名尾巴去掉,那样影... -
DEDECMS教程:如何制作下拉导航
DEDECMS5.7 5.6下拉导航,测试成功,完美兼容各大浏览器。 一级导航HTML代码(代... -
解决织梦5.7添加新变量出现:Request var
今天织梦教程中有个客户说在最新版V57 后台添加新变量出现:Request var not all... -
网站底部版权符号怎么打出来?
版权符合是一个版权归属的标志,当然无论其是否具备法律效应,该做上的还是... -
织梦文章页获取获取栏目id
织梦在制作模版过程中有的时候在文章页面需要得到栏目页面的id ! 实例: 两... -
织梦DedeCMS获取当前栏目文章数量
使用织梦DedeCMS建站的时候,有时候需要对当前栏目及其所有子栏目的文档数量... -
Dedecms5.7版ckeditor网页编辑器添加中文字体
DEDEcms5.7集成了ckeditor网页编辑器,它的原名是FCKeditor,是一个非常优秀的开源网... -
织梦dedecms幻灯片模糊解决办法
很多织梦站长朋友们用了几年的织梦,做了无数的织梦模板,但是都会遇到同一...