找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 1084|回复: 0

[分享] 原创dedecms缩略图系列教程:dede自定义多尺寸缩略图

[复制链接]
发表于 2018-7-17 17:22:17 | 显示全部楼层 |阅读模式 来自 中国–河南–新乡
2013web成了读图世代,随着瀑布流布局的大行其道,图片在网站关的重要性日渐上升,然而缩略图作为文章的入口显的更加重要,上篇跟版网介绍了dedecms解决缩略图变形的问题,本篇将介绍缩略图的另一个运用:dedecms多尺寸缩略图的调用
dedecms系统本身只支持一种尺寸的缩略图调用,即[field:litpic/],缩略图的尺寸在网站后台:DedeCMS系统配置参数》附件设置中可以设置大小,但一种尺寸的缩略图势必不能满足我们的需求,比如说我们网站经常会用到幻灯图片展示,幻灯图片的尺寸一般都是比较大的,如果用缩略图来作就不太合适,再如网站有生活风景,人物摄影这两个栏目,两类图片的比例是不相同的,如果保有一种尺寸的缩略图这样就显的很难看,下面介绍dedecms实现多种尺寸缩略图调用的方法
打开/include/extend.func.php,在文件末尾添加以下代码
  1. function M_mkdirs($dir)  
  2. {  
  3. if(!is_dir($dir))  
  4. {  
  5. if(!M_mkdirs(dirname($dir))){  
  6. return false;  
  7. }  
  8. if(!mkdir($dir,0777)){  
  9. return false;  
  10. }  
  11. }  
  12. return true;  
  13. }  
  14. if (!function_exists('qmtx3Thumb'))
  15. {
  16. function qmtx3Thumb($aid, $width, $height, $n=0, $bg = false)
  17. {
  18. global $cfg_basehost,$cfg_multi_site,$dsql;
  19. $query= "SELECT body FROM `dede_addonarticle` where aid='$aid'";
  20. $row = $dsql->GetOne($query);
  21. $preg = "/<img.*?src=[\'"](.+?)[\'"].*?>/i";
  22. preg_match_all($preg, $row['body'], $match);
  23. $imgurl = $match[1][0];
  24. if($n==='L'){
  25. $imgurl = end($match[1]);
  26. }
  27. if(!$imgurl) return '/images/defaultpic.gif';
  28. $thumb = str_replace($cfg_basehost,'',$imgurl);
  29. if(strpos($thumb, 'http://') === 0){
  30. return '/images/defaultpic2.gif';
  31. }
  32. list($thumbname,$extname) = explode('.',$thumb);
  33. $newImgdir = DEDEROOT.str_replace('uploads', 'uploads/diylitpic', str_replace($cfg_basehost, '', dirname($imgurl)));
  34. $newthumb = str_replace('uploads', 'uploads/diylitpic', $thumbname).'_'.$width.'_'.$height.'.'.$extname;
  35. $mdsure = M_mkdirs($newImgdir);
  36. if($mdsure){
  37. if(!$thumbname || !$extname || !file_exists(DEDEROOT.$thumb)) return $imgurl;
  38. if(!file_exists(DEDEROOT.$newthumb)){
  39. include_once DEDEINC.'/image.func.php';
  40. if($bg==true)
  41. {
  42. ImageResizeNew(DEDEROOT.$thumb, $width, $height, DEDEROOT.$newthumb);
  43. }
  44. else
  45. {
  46. ImageResize(DEDEROOT.$thumb, $width, $height, DEDEROOT.$newthumb);
  47. }
  48. }
  49. return $cfg_multi_site=='Y'?$cfg_basehost.$newthumb:$newthumb;
  50. }else{
  51. return '创建目录失败';
  52. }
  53. }
  54. }
复制代码

以上定义一个多级目录创建函数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}

注:如果你之前的缩略图就是变形的,请移动

发帖求助前要善用【论坛搜索】功能,那里可能会有你要找的答案;

如何回报帮助你解决问题的坛友,好办法就是点击帖子下方的评分按钮给对方加【金币】不会扣除自己的积分,做一个热心并受欢迎的人!

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则 需要先绑定手机号

关闭

站长推荐上一条 /1 下一条

QQ|侵权投诉|广告报价|手机版|小黑屋|西部数码代理|飘仙建站论坛 ( 豫ICP备2022021143号-1 )

GMT+8, 2025-1-10 00:36 , Processed in 0.041779 second(s), 8 queries , Redis On.

Powered by Discuz! X3.5

© 2001-2025 Discuz! Team.

快速回复 返回顶部 返回列表