织梦自带幻灯片调用图片显示模糊的原因以及解决办法

  • 时间:2018-10-08 08:42 编辑: 来源: 阅读:578
  • 扫一扫,手机访问
摘要:使用过织梦的朋友都知道,织梦系统默认是自带幻灯片的,很是方便,但是缺点就是幻灯片调用图片显示模糊,那么如何解决这个缺点呢?淘源码网从2个方面给大家做介绍:第一种解决方法:手动裁剪缩略图手动裁剪缩略图的方法虽然比较繁琐一点,

使用过织梦的朋友都知道,织梦系统默认是自带幻灯片的,很是方便,但是缺点就是幻灯片调用图片显示模糊,那么如何解决这个缺点呢?淘源码网从2个方面给大家做介绍:

第一种解决方法:手动裁剪缩略图

手动裁剪缩略图的方法虽然比较繁琐一点,但是很实用可以分毫不差的展示幻灯图片,具体的做法是用Photoshop工具或者美图秀秀等一些图片处理工具把图片做成和幻灯片尺寸大小一致,等比例的图,然后手动上传,这样就可以了,这个优点是幻灯图片大小合适,很清晰质量非常好,缺点是每次发布文章都需要用工具手动裁剪缩略图会非常麻烦。

第二种解决方法:就是通过修改织梦代码,实现自动等比例调用图片

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

打开织梦网站的首页模板index.htm文件或者需要幻灯的网页模板,在里面找到下面这句读取缩略图的代码:

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",""); 
}

这样修改完成后,重新生成一下网站首页,然后清理浏览器缓存再看下,是不是幻灯片清晰起来了呢?

  • 全部评论(0)
最新发布的资讯信息
【CMS学院|DEDECMS】织梦新增文章和编辑文档时自动保存文章实现办法(2019-03-26 08:32)
【CMS学院|DEDECMS】织梦DedeCMS让后台模板列表按字母排序方法(2019-03-26 07:59)
【CMS学院|DEDECMS】织梦DedeCms列表内容页栏目高亮 当前栏目调用二三级栏目(2019-03-26 07:54)
【CMS学院|DEDECMS】DedeCms会员中心调用会员最后登录时间和IP(2019-03-25 10:50)
【CMS学院|DEDECMS】DedeCms织梦联动地区后台显示为数字的正确解决方法(2019-03-25 10:48)
【建站教程|建站技巧】Html5 视频自动播放 HTML5页面中插入MP4视频并自动播放(2019-03-25 10:46)
【CMS学院|DEDECMS】DedeCms织梦动态获取会员总数(2019-03-18 09:10)
【建站教程|建站技巧】bootstrap在移动浏览器下响应式不起作用的解决方法(2019-03-18 09:08)
【CMS学院|WORDPRESS】WordPress文章页原创Meta声明标注(2019-03-15 09:17)
【CMS学院|WORDPRESS】WordPress更改JPEG图片的压缩质量的实现办法(2019-03-15 09:12)
底部广告
网站首页 | 关于我们 | 广告合作 | 联系我们 | 隐私条款 | 免责声明
CopyRight 2004-2017 淘源码网 | 苏ICP备12026353号-3