瓦窑源码 快速建站好帮手

织梦CMS如何解决幻灯片显示图片模糊

使用织梦dedecms网站主页幻灯片调用缩略图,如果我们的实际图像尺寸比例与幻灯片的大小相差太大,织梦站主页上显示的幻灯片的图像会自动模糊,这确实是影响美观和用户体验的问题,那么织梦CMS如何解决幻灯片显示图片模糊?

织梦网站源码

使用织梦dedecms网站主页幻灯片调用缩略图,如果我们的实际图像尺寸比例与幻灯片的大小相差太大,织梦站主页上显示的幻灯片的图像会自动模糊,这确实是影响美观和用户体验的问题,那么织梦CMS如何解决幻灯片显示图片模糊?

第一种解决办法:手动制图

手动制图的方法确实是比较繁琐一点的办法,但是很实用可以分毫不差的展示幻灯图片,具体的做法是用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了

以上就是关于织梦CMS幻灯片模糊的所有内容,希望可以帮到大家,欢迎扫码加微信一起交流~

微信公众号

TAG标签:织梦CMS 织梦CMS幻灯片模糊

上一个:织梦dedecms如何实现首页自动更新
下一个:织梦dedecms如何高亮显示当前选中导航

瓦窑源码专注织梦网站源码与静态模板分享,提供织梦模板,dedecms模板,织梦企业源码,dedecms商业源码和织梦免费模板下载

整站源码 - 静态模板 - 网页特效 - CMS教程 - 站长指南 - 热门排行 - XML - HTML - TAG - 免责声明

Copyright© 2021 瓦窑源码 WHY114.COM 版权所有 鲁ICP备20017802号-2

客服QQ:1847629575 微信号:qilujianzhan

展开