织梦教程dedecms幻灯片模糊解决办法

2015-10-17 375

织梦教程dedecms幻灯片模糊解决办法!很多织梦站长朋友们用了几年的织梦,做了无数的织梦模板,但是都会遇到同一个问题就是织梦dedecms网站首页幻灯片调用的是缩略图。

如果我们实际图片尺寸比例和幻灯片的大小相差太大的话,那么在织梦站首页显示的幻灯片图片就会自动拉伸模糊。

这个看起来确实是比较影响美观和用户体验的一个问题,针对这个问题,织梦模版小编推荐使用以下2个方法来解决这个幻灯片图片模糊的问题。

第一种:手动制图

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

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

声明: 本站仅提供资源学习下载,资源费用仅为赞助站长的整理费,不代表资源自身价值也不包含任何服务。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
本站提供的资源来自网络,版权争议与本站无关,所有内容及软件的文章仅限用于学习和研究目的。
如果您喜欢该程序,请支持正版软件,购买注册,得到更好的正版服务。侵删请致信E-mail:duhaomu@163.com

浩沐资源网 织梦技巧 织梦教程dedecms幻灯片模糊解决办法 https://www.dhaomu.com/4530.html

相关文章

发表评论
暂无评论
  • 0 +

    访问总数

  • 0 +

    会员总数

  • 0 +

    文章总数

  • 0 +

    今日发布

  • 0 +

    本周发布

  • 0 +

    运行天数

浩沐资源网-打造全网优质免费教程资源分享网站!