HTML/JS转换工具
Unicode编码转换
当前位置:首页 > 软件教程 > dedecms > 

DEDECMS教程:焦点图图片模糊的解决办法

来源:IT技术网编辑:李建新发布于:2017-05-30人围观

原因分析

首先来分析一下原因。

这个问题出现其实是因为dedecms幻灯片调用的实际上是系统从文章中自动调用的、按照原图高宽比例自动生成的缩略图,图片大小只有200像素左右,所以,如果你的焦点图(也就是幻灯片)尺寸比较大的话,就会出现这个问题。至于变形,是因为你上传的图片的高宽比例和幻灯图片的高宽比例不同引起的。

摸清了dedecms幻灯图片模糊的原因之后,我们就来说一说解决办法。据无聊君测试验证,至少有两个方法可以解决这个问题!

解决方案

方案一:手动制作焦点图,俗称“土法炼钢”!方法分两步走:(如图)

1、作图:用ps等制图软件制作和焦点图尺寸大小一致、高宽比例相等的图片然后上传到计划推送到幻灯片的文章的缩略图处。

2、上传、裁剪:上传后会自动探出裁剪对话框,点击使用原图即可,这样你的幻灯就不会模糊变形了!

DEDECMS教程:焦点图图片模糊的解决办法

方案二、修改代码,让程序自动等比例调用图

1、打开需要调用幻灯的网页模板,找到如下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",""); }

修改完后保存,登陆后台清除缓存重新生成修改涉及的页面就OK了!

两个方法的优缺点分析

第一个方法优点是幻灯会更精美,但是过程比较复杂,每张幻灯都需要人工设计,耗费的人力比较多,技术壁垒也更高!

第二个方法虽然可以一劳永逸的解决问题,程序自动,简单快捷;但是也存在不够精细,比例轻度失调的问题

织梦二维码生成器

与相关的文章
有时间的话来看看IT界的突发事件
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片