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

所属分类: CMS教程 / dedecms 阅读数: 903
收藏 0 赞 0 分享

很多使用织梦程序做网站的时候遇到一个问题就是dedecms网站首页幻灯片调用的是文章缩略图,如果我们实际图片宽高比例和幻灯片的比例相差太大的话,那么在首页显示的幻灯片图片就会自动拉伸变的模糊,这个看起来确实是一个比较影响用户体验的问题,下面就给大家分析一下解决这个问题的两个方法。

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

手动裁剪缩略图的方法虽然比较繁琐一点,但是很实用可以分毫不差的展示幻灯图片,具体的做法是用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",""); 
} 

修改完成后清除缓存重新生成首页就可以了。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

更多精彩内容其他人还在看

织梦dedecms后台栏目怎么显示没有审核的文档数量

这篇文章主要为大家详细介绍了织梦后台栏目怎么显示没有审核的文档数量,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,有需要的朋友可以收藏方便以后借鉴
收藏 0 赞 0 分享

DedeCMS调用栏目名称限制字数的方法

在本篇文章里小编给大家整理了关于DedeCMS调用栏目名称限制字数的方法以及实例代码,需要的朋友们参考下。
收藏 0 赞 0 分享

DedeCMS织梦自定义表单增加验证码的实例代码

在本篇文章里小编给大家分享的是一篇关于DedeCMS织梦自定义表单增加验证码的实例代码,需要的朋友们可以测试下。
收藏 0 赞 0 分享

如何修改DedeCMS中的提示信息

在本篇文章里小编给大家整理的是关于修改DedeCMS织梦网站中的提示信息的相关知识点,需要的朋友们可以参考学习下。
收藏 0 赞 0 分享

DedeCMS织梦修改文章时不自动更新发布时间的解决方法

在本篇文章里小编给大家整理的是关于DedeCMS织梦修改文章时不自动更新发布时间的解决方法和代码,需要的朋友们可以本地测试下。
收藏 0 赞 0 分享

dedecms新增字段调用实例方法

在本篇文章里小编给大家整理的是关于dedecms新增字段调用实例方法,需要的朋友们可以测试学习下。
收藏 0 赞 0 分享

DEDECMS不能切换皮肤 验证码不显示的解决办法

在本篇文章里小编给大家分享的是关于DEDECMS不能切换皮肤 验证码不显示的解决办法,有此需要的朋友们可以学习下。
收藏 0 赞 0 分享

DedeCMS设置网站全站伪静态的方法

在本篇内容里我们给大家带来的是关于DedeCMS设置网站全站伪静态的方法和实例代码,需要的朋友们可以测试下。
收藏 0 赞 0 分享

Dede5.7文章图片alt自动调用文章标题的方法

在本篇文章里小编给各位整理了关于Dede5.7文章图片alt自动调用文章标题的方法和代码,有需要的朋友们可以参考下。
收藏 0 赞 0 分享

dedecms限制上一篇、下一篇的标题字数的方法

在本篇文章里小编给大家整理了关于dedecms限制上一篇、下一篇的标题字数的方法,有此需要的读者们可以参考下。
收藏 0 赞 0 分享
查看更多