欢迎来到织梦58!我们致力于织梦商业模板及VIP模板更新

织梦58

万贯国际幻灯片调用图片显示模糊的原因以及解决办法

相关案例演示
很多使用织梦程序做网站的时候遇到一个问题就是新会员白菜网送体验金网站首页幻灯片调用的是文章缩略图,如果我们实际图片宽高比例和幻灯片的比例相差太大的话,那么在首页显示的幻灯片图片就会自动拉伸变的模糊,这个看起来确实是一个比较影响用户体验的问题,下面就给大家分析一下解决这个问题的两个方法。
 
 
 
第一种解决方法:手动裁剪缩略图
 
手动裁剪缩略图的方法虽然比较繁琐一点,但是很实用可以分毫不差的展示幻灯图片,具体的做法是用Photoshop工具或者美图秀秀等一些图片处理工具把图片做成和幻灯片尺寸大小一致,等比例的图,然后手动上传,这样就可以了,这个优点是幻灯图片大小合适,很清晰质量非常好,缺点是每次发布文章都需要用工具手动裁剪缩略图会非常麻烦。
 
 
 
第二种解决方法:就是通过修改织梦代码,实现自动等比例调用图片
 
自动等比例调用图片,这个方法也比较实用,可以自动将我们上传的任何尺寸的图片自动调整为固定的大小比例。这种方式的优点是自动生成,简单快速,缺点是横竖比率的图片没办法加以区分,如果将横比例的图片按照数比例的图片来压缩,那么会让图片失真。 具体修改方法如下:
 
 
 
打开织梦网站的首页模板index.htm文件或者需要幻灯的网页模板,在里面找到下面这句读取缩略图的代码:
 
  1. for(i=1;i<picarr.length;i++){ if(files=="") files = picarr[i]; elsefiles += "|"+picarr[i]; } 
我们把这段织梦代码修改为下面的代码:
 
  1. for(i=1;i<picarr.length;i++){ if(files=="") files = picarr[i].replace("-lp",""); elsefiles += "|"+picarr[i].replace("-lp",""); } 
修改完成后清除缓存重新生成首页就可以了。

EyouCms,简单易用的企业网站管理系统,点击了解更多


有问题可以加入织梦技术QQ群一起交流学习

本站vip会员 请加入织梦58 VIP②群 PS:加入时备注用户名或昵称

普通注册会员或访客 请加入织梦58 技术交流群

作者:DEDE58.COM 关注: 时间:2018-10-07 08:51
首先声明,只要是我们的vip会员所有源码均可以免费下载,不做任何限制(了解更多)
☉本站的源码不会像其它下载站一样植入大量的广告。为了更好的用户体验以后坚持不打水印
☉本站只提供精品织梦源码,源码在于可用,不在多!!希望在这里找到你合适的。
☉本站提供的整站织梦程序,均带数据及演示地址。可以在任一源码详情页查看演示地址
☉本站所有资源(包括源码、模板、素材、特效等)仅供学习与参考,请勿用于商业用途。
☉如有其他问题,请加网站客服QQ(970003436)进行交流。
相关织梦教程
在线客服

×关闭