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

2014-08-20
很多织梦站长朋友们用了几年的织梦,做了无数的织梦模板,但是都会遇到同一个问题就是织梦dedecms网站首页幻灯片调用的是缩略图,如果我们实际图片尺寸比例和幻灯片的大小相差太大的话,那么在织梦站首页显示的幻灯片图片就会自动拉伸模糊,这个看起来确实是比较影响美观和用户体验的一个问题,针对这个问题,AB织梦模版小编推荐使用以下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了
加入收藏 打赏

感谢您的支持,我会继续努力的!

打开微信扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在

1. 本站所有资源来源于用户上传和网络,因此不包含技术服务请大家谅解!如有侵权请邮件联系客服!
2. 本站不保证所提供下载的资源的准确性、安全性和完整性,资源仅供下载学习之用!如有链接无法下载、失效或广告,请联系客服处理!
3. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!如用于商业或者非法用途,与本站无关,一切后果请用户自负!
4. 如果您也有好的资源或教程,您可以投稿发布,成功分享后有积分奖励和额外收入!

无极源码之家 > cms教程 > 织梦教程 织梦dedecms幻灯片模糊解决办法 https://160170.cn/cmsjiaocheng/1799.html

相关文章

评论
预留评论插件