dedecms57调用出现严重失真,缩略图显示严重变形

方法1：

这个模板的大小控制是由CSS控制的

要修改CSS

右边区域修改

templets/style/picturecss文件

pbox 样式

如大小

pbox dl dt{

width:188px;

height:132px;

display:block;

overflow:hidden;

}

pbox dl dt a img{

display:block;

width:expression(thiswidth > thisheight && thiswidth >176 176 : true);

height:expression(thisheight > thiswidth && thisheight > 132 132 : true);

max-width:176px;

max-height:132px;

margin:0px auto 0px;

}

方法2：

{dede:list pagesize='15' imgwidth='100' imgheight='70' infolen='180'}

方法3:

把调用代码中标签[field:imglink/]换成

<a href='[field:arcurl /]' target="_blank"><img src='[field:picname /]' border='0' width='' height=''></a>

<li><a href="[field:arcurl/]" title="[field:title/]"><img class="classname" style="display: inline;" src="[field:picname/]" alt="[field:title/]" title="[field:title/]" /></ a><span><a href="[field:arcurl/]"title="[field:title/]"> [field:title/]</a></span> </li>

改为

<li><a href="[field:arcurl/]" title="[field:title/]"><img class="classname" style="display: inline;" src="[field:picname/]" width="165" height="165" alt="[field:title/]" title="[field:title/]" /></ a><span><a href="[field:arcurl/]"title="[field:title/]"> [field:title/]</a></span> </li>

首先在网站后台系统中设置网站缩略图尺寸大小和模板中调用最大尺寸相同

再打开文件include/helpers/extendhelpesphp 在最下面加上以下代码

if ( ! function_exists('thumb'))

{

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'/imagefuncphp';

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)'/]

再到 include/helpers/imagehelpesphp 中写入以下代码

/

缩自动生成函数，来源支持bmp、gif、jpg、png

但生成的小图只用jpg或png格式

@access public

@param string $srcFile 路径

@param string $toW 转换到的宽度

@param string $toH 转换到的高度

@param string $toFile 输出文件到

@return string

/

if ( ! function_exists('ImageResize'))

{

function ImageResize($srcFile, $toW, $toH, $toFile="")

{

global $cfg_photo_type;

if($toFile=="")

{

$toFile = $srcFile;

}

$info = "";

$srcInfo = GetImageSize($srcFile,$info);

switch ($srcInfo[2])

{

case 1:

if(!$cfg_photo_type['gif'])

{

return false;

}

$im = imagecreatefromgif($srcFile);

break;

case 2:

if(!$cfg_photo_type['jpeg'])

{

return false;

}

$im = imagecreatefromjpeg($srcFile);

break;

case 3:

if(!$cfg_photo_type['png'])

{

return false;

}

$im = imagecreatefrompng($srcFile);

break;

case 6:

if(!$cfg_photo_type['bmp'])

{

return false;

}

$im = imagecreatefromwbmp($srcFile);

break;

}

$srcW=ImageSX($im);

$srcH=ImageSY($im);

if($srcW<=$toW && $srcH<=$toH )

{

return true;

}

//缩略生成并裁剪

$newW = $toH $srcW / $srcH;

$newH = $toW $srcH / $srcW;

if($newH >= $toH)

{

$ftoW = $toW;

$ftoH = $newH;

}

else

{

$ftoW = $newW;

$ftoH = $toH;

}

if($srcW>$toW||$srcH>$toH)

{

if(function_exists("imagecreatetruecolor"))

{

@$ni = imagecreatetruecolor($ftoW,$ftoH);

if($ni)

{

imagecopyresampled($ni,$im,0,0,0,0,$ftoW,$ftoH,$srcW,$srcH);

}

else

{

$ni=imagecreate($ftoW,$ftoH);

imagecopyresized($ni,$im,0,0,0,0,$ftoW,$ftoH,$srcW,$srcH);

}

}

else

{

$ni=imagecreate($ftoW,$ftoH);

imagecopyresized($ni,$im,0,0,0,0,$ftoW,$ftoH,$srcW,$srcH);

}

//裁剪成标准缩略图

$new_imgx = imagecreatetruecolor($toW,$toH);

if($newH >= $toH)

{

imagecopyresampled($new_imgx,$ni,0,0,0,($newH - $toH)/2,$toW,$toH,$toW,$toH);

}

else

{

imagecopyresampled($new_imgx,$ni,0,0,($newW - $toW)/2,0,$toW,$toH,$toW,$toH);

}

switch ($srcInfo[2])

{

case 1:

imagegif($new_imgx,$toFile);

break;

case 2:

imagejpeg($new_imgx,$toFile,85);

break;

case 3:

imagepng($new_imgx,$toFile);

break;

case 6:

imagebmp($new_imgx,$toFile);

break;

default:

return false;

}

imagedestroy($new_imgx);

imagedestroy($ni);

}

imagedestroy($im);

return true;

}

}

即可

QQ:51461981

这是你模板生成静态文件的时候把image的宽度和高度带出来了；

解决方法1；自己写js文件；去掉文章里的宽度和高度；

2、找到模板文件；把<img>标签里的宽度和高度去掉