在使用DedeCMSv57时,缩略图变形问题尤其体现在图文资讯栏目中。默认情况下,HTML代码会限制图片的高度和宽度,但DedeCMS生成的缩略图大小是按照比例缩小的,这可能导致实际显示效果与设定不一致,从而引发缩略图变形。
为了解决这一问题,我们需要在上传图片时对DedeCMS缩略图进行裁剪,以保证其不变形。
一、确保清晰缩略图
首先,要获得清晰的缩略图,需要有足够大的原始图片,并对其进行精确裁剪。下面的方法将根据缩略图进行裁剪(考虑到部分网站原图可能带有水印)。因此,必须保证原来的缩略图足够大。具体设置方法如下:
进入系统-附件设置,将缩略图默认宽度和高度设为大于等于全站所有调用缩略图的最大尺寸。这样可以避免手工裁剪,同时保证图片质量。
二、添加自定义裁剪功能
接下来,打开include/extend.func.php文件,在最后一个?>标签前加入以下代码:
function thumb($imgurl, $width, $height, $bg = true)
{
global $cfg_mainsite,$cfg_multi_site;
$thumb = eregi("http://",$imgurl)?str_replace($cfg_mainsite,'',$imgurl):$imgurl;
list($thumbname,$extname) = explode('.',$thumb);
$newthumb = $thumbname.'_'.$width.'_'.$height.'.'.$extname;
if(!$thumbname || !$extname || !file_exists(DEDEROOT.$thumb)) return $imgurl;
if(!file_exists(DEDEROOT.$newthumb))
{
include_once DEDEINC.'/image.func.php';
if($bg==true)
{
ImageResizeNew(DEDEROOT.$thumb, $width, $height, DEDEROOT.$newthumb);
}
else
{
ImageResize(DEDEROOT.$thumb, $width, $height, DEDEROOT.$newthumb);
}
}
return $cfg_multi_site=='Y'?$cfg_mainsite.$newthumb:$newthumb;
}
最后,在模板中通过以下标签调用新功能:
[field:picname function='thumb(@me,$width,$height,$bg)'/]
参数说明:
$width: 缩略图宽度(整数)
$height: 缩略图高度(整数)
$bg: 是否用空白填补,默认自动填补,背景填充颜色可在系统-附件设置中调整(true/false)
举例:
调用长宽为100像素的缩略图:[field:picname function='thumb(@me,100,100)'/]
保留原有比例,不自动填充(不建议):[field:picname function='thumb(@me,100,100,false)'/]
通过以上步骤,您可以轻松解决DedeCMSv57缩略图变形的问题,使网站图片展示更加美观和专业。