很多织梦站长朋友们用了几年的织梦，做了无数的，但是都会遇到同一个问题就是织梦dedecms网站首页幻灯片调用的是缩略图，如果我们实际图片尺寸比例和幻灯片的大小相差太大的话，那么在织梦站首页显示的幻灯片图片就会自动拉伸模糊，这个看起来确实是比较影响美观和用户体验的一个问题，针对这个问题，织梦58(dede58.com)小编推荐使用以下2个方法来解决这个幻灯片图片模糊的问题。
第一种解决办法：手动制图
手动制图的方法确实是比较繁琐一点的办法，但是很实用可以分毫不差的展示幻灯图片，具体的做法是用Photoshop工具（或者美图秀秀）把图片做成和幻灯片尺寸大小一致，等比例的图，然后手动上传，这样就可以了，这个优点是幻灯图片大小合适，质量很清晰，缺点是用ps工具制图稍微麻烦了些，有时间又有精力的站长筒子们可以试试啦。
第二种：修改织梦代码，自动等比例调用图片
自动等比例调用图片，这个方法比较实用，可以自动将我们上传的图片批量调整为固定的大小比例。这种方式的优点是自动生成，简单快速，缺点是横竖比率的图片没办法加以区分，如果将横比例的图片按照数比例的图片来压缩，那么会让图片失真。
具体做法如下
1：打开织梦网站的首页模板(index.htm)或者需要幻灯的网页模板，找到读取缩略图的代码
- picarr[[field:global.autoindex/]] = “[field:litpic/]“;
2：找到下面的js代码<ol class="dp-xml" style="padding: 5px 0px; border-style: none none none solid; border-left-width: 3px; border-left-color: rgb(20, 107, 0); color: rgb(92, 92, 92); margin: 0px 0px 1px 3em !important; background-image: initial; background-attachment: initial; background-size: initial; background-origin: initial; background-clip: initial; background-position: initial; background-repeat: initial;"><li class="alt" style="padding: 0px 3px 0px 10px !important; margin: 0px !important; border: none; list-style: decimal-leading-zero outside; color: inherit; line-height: 1.3em;"><span style="padding: 0px; margin: 0px; border: none; color: black; background-color: inherit;">for(i=1;i<span class="tag" style="padding: 8px 0px; margin: 0px; border-style: dashed none; border-top-width: 1px; border-bottom-width: 1px; border-top-color: rgb(226, 226, 226); border-bottom-color: rgb(229, 229, 229); color: rgb(0, 102, 153); clear: both; font-size: 14px; font-weight: bold; background-color: inherit;"> |
收藏