您现在的位置是:首页 > 教程 > dedecms教程dedecms教程
dede织梦幻灯片调用图片模糊的修改方法
郎朝剑2024-02-27 23:55:59dedecms教程已有人查阅
导读织梦dedecms幻灯片调用的是缩略图,如果图片尺寸比例和幻灯片的大小相差太大的话,图片就会自动拉伸模糊,比较影响美观和用户体验
织梦dedecms幻灯片调用的是缩略图,如果图片尺寸比例和幻灯片的大小相差太大的话,图片就会自动拉伸模糊,比较影响美观和用户体验,下面就有常用的2个方法来解决这个图片模糊的问题。
第一种:手动制图
我们用Photoshop工具(或者美图秀秀)把图片做成和幻灯片尺寸大小一致,等比例的图,然后手动上传,这样就可以了,这个优点是幻灯图片大小合适,质量很清晰,缺点是用ps工具制图稍微麻烦了些。
第二种:修改织梦代码,自动等比例调用图片
1:打开首页模板(index.htm)或者需要幻灯的网页模板,找到读取缩略图的代码
第一种:手动制图
我们用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","");
}
即可。
本文标签:
很赞哦! ()
相关文章
随机图文
-
dedecms自定义模型会员无法投稿的解决方法
本文实例讲述了Dedecms自定义模型解决会员无法投稿的方法。分享给大家供大家参考。 具体方法:1、复制普通文章模型,增加了一个字段,允许投稿,级别为 -
让织梦文章列表有缩略图则显示缩略图,没有图不显示的方法
在织梦仿站时,为了让页面更美观更智能化,那么让织梦列表文章有缩略图则显示缩略图,无则不显示,这个织梦技巧就显得非常实用了,那么如何做呢?请看下面的解决方法。 -
织梦dedecms自定义表单提交后跳转修改测试成功代码实例
dede默认的表单运用得比较多的有留言页面和订单提交。提交后跳到表单列表页或首页,这个体验很不舒服。如果通过弹窗实现提交也可以,用户还是在原来的页面。 -
DedeCms系统实现自动获取缩略图的高度和宽度
瀑布流模式的网站的代码一般要求图片必须带有高度,而织梦默认的缩略图仅仅是储存的图片路径,想要输出图片的高度就必须用别的办法
留言与评论 (共有 条评论) |