dedecms程序 怎么在列表页里调用文章中的第一张,非缩略图,和文章中的第一张一样大小。
您好,朋友。跟版网团队很高兴为您解答:
这个问题的话可以具体看下官方的标签文档,下面是我帮你找到的。
标签名称:productimagelist
标记简介:
功能说明:用于获取产品集
适用范围:内容标记
基本语法:
{dede:productimagelist}
<a href="[field:imgsrc/]" title="[field:text/]"><img src="[field:imgsrc/]" width="120" height="90" /></a>
{/dede:productimagelist}
参数说明:
无
底层模板字段:
imgsrc :路径
text :文字描述
dede: 图集内容页从dede:field name='imgurls' 获得列表
{dede:field name='imgurls' alt='输出区'}
<img src=[field:imgsrc/] alt="[field:alttext /]" />
{/dede:field}
上面的调用代码默认情况下只能调用一张大图,下面教大家怎样获得所有大图列表
首先发布集的时候 “表现方式”选择第三种,即多缩略图样式
然后我们把缩略图改成大图的方法:
打开文件:include\taglib\channel\imglibphp
查找
$fields['imgsrc'] = $fields['ddimg'];
改成
$fields['imgsrc'] = $fields['imgsrc'];
完成
希望我的回答能够帮到您。跟版网-专业织梦模板定制下载站。
首先在网站后台系统中设置网站缩略图尺寸大小和模板中调用最大尺寸相同
再打开文件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
方法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>
0条评论