zblog模板如何修改文章内img标签内元素做jQuery.lazyload延迟加载

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

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

需要把<img src="#" />的zblogphp文章内图片改为<img class="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);}

大功告成！