• 全国400电话网上服务平台
    强大号码库资源任选,方便,快捷,快速开通。
    咨询热线:400-1100-266  

    如何解决织梦CMS幻灯片显示图片模糊的问题
    POST TIME:2017-10-26 20:22

    很多织梦站长朋友们用了几年的织梦,做了无数的织梦模板,但是都会遇到同一个问题就是织梦dedecms网站首页幻灯片调用的是缩略图,如果我们实际图片尺寸比例和幻灯片的大小相差太大的话,那么在织梦站首页显示的幻灯片图片就会自动拉伸模糊,这个看起来确实是比较影响美观和用户体验的一个问题,针对这个问题,小编推荐使用以下2个方法来解决这个幻灯片图片模糊的问题。

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

    手动制图的方法确实是比较繁琐一点的办法,但是很实用可以分毫不差的展示幻灯图片,具体的做法是用Photoshop工具(或者美图秀秀)把图片做成和幻灯片尺寸大小一致,等比例的图,然后手动上传,这样就可以了,这个优点是幻灯图片大小合适,质量很清晰,缺点是用ps工具制图稍微麻烦了些,有时间又有精力的站长筒子们可以试试啦。

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

    1:打开织梦网站的首页模板(index.htm)或者需要幻灯的网页模板,找到读取缩略图的代码

    
    
    1. picarr[[field:global.autoindex/]] = “[field:litpic/]“; 

      2:找到下面的js代码

    
    
    1. for(i=1;i<picarr.length;i++){ 
    2. if(files=="") files = picarr[i]; 
    3. elsefiles += "|"+picarr[i]; 

     我们把这段织梦代码修改为

    
    
    1. for(i=1;i<picarr.length;i++){ 
    2. if(files=="") files = picarr[i].replace("-lp",""); 
    3. elsefiles += "|"+picarr[i].replace("-lp",""); 

    然后清除缓存重新生成全站,看看已经OK了

    
    关于我们 | 付款方式 | 建站知识 | 增值服务 | 网站模板
    Copyright © 2003-2016
    时间:9:00-21:00 (节假日不休)
    版权所有:巨人网络(扬州)科技有限公司
    总部地址:江苏省信息产业基地11号楼四层
    《增值电信业务经营许可证》 苏B2-20120278
    X

    截屏,微信识别二维码

    微信号:veteran88

    (点击微信号复制,添加好友)

     打开微信

    微信号已复制,请打开微信添加咨询详情!