欢迎访问服务器技术网-www.fuwuqijishu.com

ZBLOG模板制作常备缩略图调用方法(4个方法任意选)

网站建设 fuwuqijishu 2年前 (2022-09-04) 83次浏览 0个评论 扫描二维码

目前我们看到的个人博客主题中较多的还是较为多选择图文结合的,那种有缩略图列表式的用户比较喜欢。当然有时候在做企业网站的时候产品图片也是采用的这样方式,产品的缩略图有些时候是特定的字段调用,有些也是直接调用产品内容中的第一张图。在这篇文章中,整理出来我们常用ZBLOG程序做企业网站时候,或者有些网站调用缩略图的方法。便于我们在ZBLOG模板制作的时候使用。

1、调首图或者固定图

这里,我们如果内容有图片的话调用内容中第一个张图,如果没有图则调用固定设置的一张图。

{foreach $articles as $article}
{php}
$pattern="/<[img|IMG].*?src=[\'|\"](.*?(?:[\.gif|\.jpg|\.png]))[\'|\"].*?[\/]?>/";
$content = $article->Content;
preg_match_all($pattern,$content,$matchContent);
if(isset($matchContent[1][0]))
$temp=$matchContent[1][0];
else
$temp=$zbp->host."zb_users/theme/$theme/images/itbulu.jpg";/*固定图片地址*/
{/php}
<a href="{$article.Url}" target="_blank"><img src="{$temp}" /></a>
{/foreach}

2、无图随机图片

如果我们文章中无图的话,那就调用预设的随机图片,可以随机设置5个或者10个,这样丰富一些。

{php}
$temp=mt_rand(1,5);
$pattern="/<[img|IMG].*?src=[\'|\"](.*?(?:[\.gif|\.jpg|\.png]))[\'|\"].*?[\/]?>/";
$content = $article->Content;
preg_match_all($pattern,$content,$matchContent);
if(isset($matchContent[1][0]))
$temp=$matchContent[1][0];
else
$temp=$zbp->host."zb_users/theme/$theme/style/images/random/$temp.png";
{/php}

如果没有图片,我们就从在当前主题的/style/images/random/文件夹中调用5个准备好的png图片,名称分别是1.png,2.png,3.png,4.png,5.png。且如果需要多个我们可以修改上面的参数。

<img src="{$temp}" />

在调用图片的位置放上上面的调用,我们也可以给上面图片加上样式。参考地址:https://www.itbulu.com/zbp-auto-thumbnail.html。

3、函数形式调用

function zbp_thumbnail($related) {

    global $zbp; 

 $temp=mt_rand(1,4);

 $pattern="/<[img|IMG].*?src=[\'|\"](.*?(?:[\.gif|\.jpg|\.png]))[\'|\"].*?[\/]?>/";

 $content = $related->Content; 

 preg_match_all($pattern,$content,$matchContent);

 if(isset($matchContent[1][0])){

  $thumb=$matchContent[1][0]; 

 }else{  

  $thumb=$zbp->host . "zb_users/theme/" .$zbp->theme. "/include/random/" .$temp. ".jpg";

 }

    return $thumb;

}

调用:

{zbp_thumbnail($article)} 

我们也需要设置随机图的预存地址,这样没有图的时候也会随机调用。

4、调用第一张图并且裁剪

定义函数:

//缩略图

function zbp_thumbnail($id,$sltww, $slthh,$link) {

 global $zbp,$article;

 $article=GetPost((int)$id);

 $random = mt_rand(1, 10);

         preg_match_all('/<img.*?(?: |\\t|\\r|\\n)?src=[\'"]?(.+?)[\'"]?(?:(?: |\\t|\\r|\\n)+.*?)?\/>/sim', $article->Content, $strResult, PREG_PATTERN_ORDER);

         $n = count($strResult[1]);

   $zdsuoluetu=$article->Metas->Blogs_suoluetu;

   if(empty($zdsuoluetu)){

    if($n > 0){

     $sltu=$strResult[1][0];

    } else { 

     $sltu="{$zbp->host}zb_users/theme/{$zbp->theme}/image/random/{$random}.jpg";

          }

   }else{

    $sltu=$zdsuoluetu;

   }

   $sltu="<img src=\"{$zbp->host}zb_users/theme/{$zbp->theme}/template/timthumb.php?src={$sltu}&w={$sltww}&h={$slthh}&zc=1\" alt=\"{$article->Title}\" />";

   if($link==1){

    $sltu="<a href=\"{$article->Url}\"  title=\"{$article->Title}\">{$sltu}</a>";

   }

   return $sltu;

}

这里需要用到裁剪文件timthumb.php(https://images.itbulu.com/banner/timthumb.zip),我们可以根据需要丢到上面函数提到的路径中。参考:www.yzktw.com.cn/post/386.html。

总结,以上是整理的官方和网上其他网友采用的缩略图调用ZBLOG主题模板创作时候的方法,记录下来备用。

喜欢 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

Warning: error_log(/www/wwwroot/fuwiqijishu/wp-content/plugins/spider-analyser/#log/log-2313.txt): failed to open stream: No such file or directory in /www/wwwroot/fuwiqijishu/wp-content/plugins/spider-analyser/spider.class.php on line 2900