织梦园模板网提供云优cms模板,pbootcms模板,Wordpress主题模板等各类企业新闻资讯网站模板下载服务。织梦园网站模板交流群
用户名:
密码:
注册
注册后享受折扣价

Dedecms教程:网站首页调用幻灯片大图不清晰问题

织梦园模板 / 2020-11-04 / 收藏

使用过dedecms在php空间建站的应该知道,织梦dedecms首页幻灯片默认调用的是缩略图,当幻灯片图片要求比较大时,如图片尺寸比例和幻灯片的大小相差太大的话,图片就会自动拉伸模糊,使得幻灯片显示就不清楚。严重影响到网站的美观和用户体验,小编在网上搜查了很多有关于dede首页幻灯片调用大图的方法,效果也不是很明显,也都比较麻烦。小编这里有一个比较简单的dede首页幻灯片调用大图的办法。 很简单,就是修改织梦代码,自动等比例调用图片。通过查找dede模版相关函数。
Di一步:打开首页模板(index.htm)或者需要幻灯的网页模板,找到读取缩略图的代码:

picarr[[field:global.autoindex/]] = "[field:litpic/]";
其实缩略图和原图,名称差别不大,只是缩略图多出了_lp,得到缩略图的情况下,再获取原图,就很简单了。
第二步:找到下面的js代码:
for(i=1;i<picarr.length;i++){ if(files=="") files = picarr[i]; else files += "|"+picarr[i]; }
将其修改为:
for(i=1;i<picarr.length;i++){ if(files=="") files = picarr[i].replace("-lp",""); else files += "|"+picarr[i].replace("-lp",""); }
这样就OK了,只需修改其中的两行js代码 ,就实习了幻灯片调用大图,是不是很简单呢。

相关织梦技巧

收缩