原创dedecms缩略图系列教程:dede自定义多尺寸缩略图
来源:本站原创|时间:2021-08-05|栏目:dedecms|点击: 次
我们的时代成了读图世代,随着瀑布流布局的大行其道,图片在网站关的重要性日渐上升,然而缩略图作为文章的入口显的更加重要,上篇AB织梦模板网介绍了织梦dedecms解决缩略图变形的问题,本篇将介绍缩略图的另一个运用:dedecms多尺寸缩略图的调用
dedecms系统本身只支持一种尺寸的缩略图调用,即[field:litpic/],缩略图的尺寸在网站后台:DedeCMS系统配置参数》附件设置中可以设置大小,但一种尺寸的缩略图势必不能满足我们的需求,比如说我们网站经常会用到幻灯图片展示,幻灯图片的尺寸一般都是比较大的,如果用缩略图来作就不太合适,再如网站有生活风景,人物摄影这两个栏目,两类图片的比例是不相同的,如果保有一种尺寸的缩略图这样就显的很难看,下面介绍dedecms实现多种尺寸缩略图调用的方法
打开/include/extend.func.php,在文件末尾添加以下代码
function M_mkdirs($dir)
{
if(!is_dir($dir))
{
if(!M_mkdirs(dirname($dir))){
return false;
}
if(!mkdir($dir,0777)){
return false;
}
}
return true;
}
if (!function_exists('qmtx3Thumb'))
{
function qmtx3Thumb($aid, $width, $height, $n=0, $bg = false)
{
global $cfg_basehost,$cfg_multi_site,$dsql;
$query= "SELECT body FROM `dede_addonarticle` where aid='$aid'";
$row = $dsql->GetOne($query);
$preg = "/<img.*?src=['"](.+?)['"].*?>/i";
preg_match_all($preg, $row['body'], $match);
$imgurl = $match[1][0];
if($n==='L'){
$imgurl = end($match[1]);
}
if(!$imgurl) return '/images/defaultpic.gif';
$thumb = str_replace($cfg_basehost,'',$imgurl);
if(strpos($thumb, 'http://') === 0){
return '/images/defaultpic2.gif';
}
list($thumbname,$extname) = explode('.',$thumb);
$newImgdir = DEDEROOT.str_replace('uploads', 'uploads/diylitpic', str_replace($cfg_basehost, '', dirname($imgurl)));
$newthumb = str_replace('uploads', 'uploads/diylitpic', $thumbname).'_'.$width.'_'.$height.'.'.$extname;
$mdsure = M_mkdirs($newImgdir);
if($mdsure){
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_basehost.$newthumb:$newthumb;
}else{
return '创建目录失败';
}
}
}
以上定义一个多级目录创建函数M_mkdirs和一个缩略图生成函数qmtx3Thumb($aid, $width, $height, $n=0, $bg = false)
qmtx3Thumb有5个参数$aid为文档id,$width, $height为生成图片的宽、高,$n代表用内容的第几张大图生成缩略图,这里默认为0即第一张,$bg为是否强制缩略图大小一般为false
然后在模板中需要调用缩略图的地方中调用
{dede:arclist}
<img width="200" height="200" src="[field:id function='qmtx3Thumb(@me, 200, 200)'/]" />
{/dede:arclist}
注:如果你之前的缩略图就是变形的,请移动“
上一篇:织梦(dedecms)怎么修改网站面包屑导航position属性?
栏 目:dedecms
本文标题:原创dedecms缩略图系列教程:dede自定义多尺寸缩略图
本文地址:https://www.xiuzhanwang.com/a1/dedecms/15660.html
您可能感兴趣的文章
- 08-05Dedecms文件目录结构解说(能知道织梦每个文件有什么用)
- 08-05Dedecms5.7版ckeditor网页编辑器添加中文字体
- 08-05织梦DedeCMS获取当前栏目文章数量
- 08-05DedeCMS后台模块列表显示空白的解决办法
- 08-05DedeCMS自定义字段图片调用的问题{dede:img ...}解决方法
- 08-05织梦DedeCMS调用显示discuz里面主题的方法
- 08-05常用的织梦dedecms安全设置集合整理
- 08-05dedecms教程:上传图片相对路径改成绝对路径方法
- 08-05DedeCMS会员投稿自动加积分改为投稿审核后加积分
- 08-05织梦教程:手把手教你让dedecms禁止发布重复文章