淘先锋技术网

首页 1 2 3 4 5 6 7

本文只是介绍zblogphp模板文章内图片如何修改img标签,如何让zblogphp整个模板都实现延迟加载,请先看:zblogphp模板做图片lazyload延迟加载教程


以上链接是完成zblog模板中img标签方法,而本文要分享的是最后的优化,其中涉及了修改zblog文章内图片img标签的方法,完成jQuery.lazyload延迟加载

延迟加载.png

需要把<img src="#" />的zblogphp文章内图片改为<imgclass="lazy"data-original="" />

方法分享出来:

include.php中挂载:

Add_Filter_Plugin('Filter_Plugin_ViewPost_Template','ydcode_ViewPost_Content');

注意ydcode是模板ID哦!

然后在最后?>之前加入:

function ydcode_ViewPost_Content(&$template){
    global $zbp;
    $article = $template->GetTags('article');
    $pattern = "/<img(.*?)src=('|\")([^>]*).(bmp|gif|jpeg|jpg|png|swf)('|\")(.*?)>/i";
    $replacement = '<img class="lazy" data-original=$2$3.$4$5 />';
    $content = preg_replace($pattern, $replacement, $article->Content);
    $article->Content = $content;
    $template->SetTags('article', $article);
}

大功告成!