怎么样解决织梦DEDECMS幻灯片图片显示模糊问题的办法

相关案例演示
大家使用织梦dedecms建站,都会遇到这样一个问题,就是织梦dedecms网站首页幻灯片模糊,因为调用的是缩略图,如果我们实际图片尺寸比例和幻灯片的大小相差太大的话,那么在dedecms站首页所显示的幻灯片图片也就会自动拉伸,造成图片模糊,这样看起来确实是很会影响到网站美观和用户体验的一个问题,针对这样的一个问题,我们提供以下两个方法来解决这个幻灯片图片模糊的问题。大家继续往下看:
 
第一种解决方法:手动制图
 
这个手动制图确实是比较麻烦的一个办法,但是很实用可以清楚的展示幻灯图片,具体的做法是用制图工具,比如软件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",""); 
然后清除网站缓存再重新生成页面,看看是不是已经成功了
本文用两种方法说明了怎么样解决织梦DEDECMS幻灯片图片显示模糊问题的办法,更多文章请访问www.dede58.com

免责声明:本站所有文章和图片均来自用户分享和网络收集,文章和图片版权归原作者及原出处所有,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服处理。


来源:网友投稿 关注: 时间:2017-10-31 15:27
首先声明,只要是我们的vip会员所有源码均可以免费下载,不做任何限制(了解更多)
☉本站的源码不会像其它下载站一样植入大量的广告。为了更好的用户体验以后坚持不打水印
☉本站只提供精品织梦源码,源码在于可用,不在多!!希望在这里找到你合适的。
☉本站提供的整站织梦程序,均带数据及演示地址。可以在任一源码详情页查看演示地址
☉本站所有资源(包括源码、模板、素材、特效等)仅供学习与参考,请勿用于商业用途。
☉如有其他问题,请加网站客服QQ进行交流。
相关织梦教程
QQ在线咨询