zblog
当前位置:首页 > 商学院 > zblog > 正文内容

zblog

添加文章缩略图

豫唐网络2022-10-12 12:222559

        自定义缩略图,列表缩略图片,未设置则调用文章首图,首图也没有,调用自定义默认图片,本教程对图片进行的裁剪处理,已方便减少图片请求所产生的带宽问题,操作步骤如下。

1、添加《原生代码上传图片》代码

https://www.ytecn.com/post/396.html

2、在文章编辑页面接口位置添加代码

function ActivePlugin_ytecn_ai_xzjt() {
    Add_Filter_Plugin('Filter_Plugin_Edit_Response5','ytecn_ai_xzjt_edit_response');                 
}
function ytecn_ai_xzjt_edit_response() {
    global $zbp, $article;
    echo '<script type="text/javascript" src="' . $zbp->host . 'zb_users/plugin/ytecn_ai_xzjt/script/upload.js"></script>';
    echo '<style type="text/css">
        .ytecn_input_img{width:40%!important;}
        .ytecn_upimgbutton{ width:120px;}
        .ytecn_upimg{width:100px;vertical-align: middle;}</style>';
    echo '<div id="tesetu">缩略图1:
    <input name="meta_pic" id="edtTitle" type="text" class="ytecn_input_img" value="' . $article->Metas->tesetu1 . '" />
        <input type="button" class="ytecn_upimgbutton" value="选择图片">
        <img class="ytecn_upimg" src="' . $article->Metas->pic. '">
        </div>';
    echo '<div id="tesetu">缩略图2:
    <input name="meta_pic2" id="edtTitle" type="text" class="ytecn_input_img" value="' . $article->Metas->tesetu2 . '" />
        <input type="button" class="ytecn_upimgbutton" value="选择图片">
        <img class="ytecn_upimg" src="' . $article->Metas->pic2. '">
        </div>';
}

3、通过Filter_Plugin_Post_Get接口,添加图片自定义输出字段,并处理逻辑关系。

function ActivePlugin_ytecn_ai_xzjt() {
    Add_Filter_Plugin('Filter_Plugin_Post_Call', 'ytecn_nana_Post_Call');
}
function ytecn_nana_Post_Call($post, $method, $args)
{
    global $zbp;
    if ($method == 'img') {
        $GLOBALS['hooks']['Filter_Plugin_Post_Call']['ytecn_nana_Post_Call'] = PLUGIN_EXITSIGNAL_RETURN;
        if (!empty($post->Metas->pic)) {
            $img[] = $post->Metas->pic;
        } elseif($post->ImageCount) {
            $img[] = $post->AllImages[0];
        } else {
            $random = mt_rand(1, 10);
            $img[] = $zbp->host . 'zb_users/theme/ytecn_nana/image/random/' . $random . '.png';
        }
        if(empty($args)){
            return $img[0];
        }else{
            $width = $args[0];
            $height = $args[1];
            $imgs = Thumb::Thumbs($img, $width, $height);
            return $imgs[0];
        }
    }
}

5、前台调用,在需要的地方,输入

{$article->img(200,100)}

img括号里面的是裁剪的宽和高。

如不需要裁剪,则输入

{$article->img()}


完整源码下载:

请开通vip查阅

扫描二维码推送至手机访问。

版权声明:本文由汤阴县豫唐网络科技有限公司发布,如需转载请注明出处。

本文链接:https://www.ytecn.com/post/363.html

分享给朋友:

相关文章

zblogphg提示“Call to undefined function mysql_connect()”

zblogphg提示“Call to undefined function mysql_connect()”

今天给某个站搬家,原站环境是php5.6,这次配的环境是7.1。然后搬家后,提示然后,惯例,先查看数据库账户密码是否正确。经测试,信息无误。然后呢。。发现配置文件好像挺复杂。这个站是从zblogphp...

zba文件怎么使用?zba文件是什么?

zba文件怎么使用?zba文件是什么?

        .zba是zblogphp的专用应用格式。应用格式又分主题和插件两种。   ...

zblogphp数据字典zblogphp数据库字典zblogphp数据表字段大全

zblogphp数据字典zblogphp数据库字典zblogphp数据表字段大全

        zblogphp系统默认为8张表,分别为category(分类表)、comment(评论表)、config(系统和应用配置表...

zblogphp调试登录助手

zblogphp调试登录助手

本着不接触用户账户密码的原则,请优先根据本插件提供信息。《调试登录助手》,地址:https://app.zblogcn.com/?id=18484本插件用于在不需要给出密码明文的前提下让他人登录站点后...

zblog商业授权

zblog商业授权

        zblog的商用链接,已与2022年01月28从官网移除,git开源协议MIT。如你依然不放心,可以找豫...

zblog调用最热门文章

zblog调用最热门文章

本教程仅支持1.7及其以上版本。精简版{php} $w=array(); $w['count']=5; $w['order_custom']=array('...