很多使用
dedecms网站首页幻灯片调用的是文章缩略图,如果我们实际图片宽高比例和幻灯片的比例相差太大的话,那么在首页显示的幻灯片图片就会自动拉伸变的模糊,这个看起来确实是一个比较影响用户体验的问题,下面就给大家分析一下解决这个问题的两个方法。
第一种解决方法:手动裁剪缩略图
手动裁剪缩略图的方法虽然比较繁琐一点,但是很实用可以分毫不差的展示幻灯图片,具体的做法是用Photoshop
工具或者美图秀秀等一些图片处理工具把图片做成和幻灯片尺寸大小一致,等比例的图,然后手动上传,这样就可以了,这个优点是幻灯图片大小合适,很清晰质量非常好,缺点是每次发布文章都需要用工具手动裁剪缩略图会非常麻烦。
第二种解决方法:就是通过修改
织梦代码,实现自动等比例调用图片
自动等比例调用图片,这个方法也比较实用,可以自动将我们上传的任何尺寸的图片自动调整为固定的大小比例。这种方式的优点是自动生成,简单快速,缺点是横竖比率的图片没办法加以区分,如果将横比例的图片按照数比例的图片来压缩,那么会让图片失真。 具体修改方法如下:
打开织梦网站的首页
模板index.htm文件或者需要幻灯的网页模板,在里面找到下面这句读取缩略图的代码:
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" , "" ); |
|
修改完成后清除缓存重新生成首页就可以了。
郑重声明:
本站所有内容均由互联网收集整理、网友上传,并且以计算机技术研究交流为目的,仅供大家参考、学习,不存在任何商业目的与商业用途。
若您需要商业运营或用于其他商业活动,请您购买正版授权并合法使用。
我们不承担任何技术及版权问题,且不对任何资源负法律责任。
如无法下载,联系站长索要。
如有侵犯您的版权,请给我们来信:admin@cniao8.com,我们尽快处理。