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

2019-03-3022:59:32网站建设与开发Comments1,928 views字数 715阅读模式

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

第一种解决方法:手动裁剪缩略图文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/10924.html

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

第二种解决方法:就是通过修改织梦代码,实现自动等比例调用图片文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/10924.html

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

打开织梦网站的首页模板文件或者需要幻灯的网页模板,在里面找到下面这句读取缩略图的代码:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/10924.html

for(i=1;i<){文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/10924.html

if(files=="") files = picarr[i];文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/10924.html

elsefiles += "|"+picarr[i];文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/10924.html

}文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/10924.html

我们把这段织梦代码修改为下面的代码:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/10924.html

for(i=1;i<){文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/10924.html

if(files=="") files = picarr[i].replace("-lp","");文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/10924.html

elsefiles += "|"+picarr[i].replace("-lp","");文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/10924.html

}文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/10924.html

修改完成后清除缓存重新生成首页就可以了。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/10924.html

  • 本站内容整理自互联网,仅提供信息存储空间服务,以方便学习之用。如对文章、图片、字体等版权有疑问,请在下方留言,管理员看到后,将第一时间进行处理。
  • 转载请务必保留本文链接:https://www.cainiaoxueyuan.com/cms/10924.html

Comment

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定