织梦dedecms幻灯片模糊解决办法
2017-04-13 14:28:14
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了