本文只是介紹zblogphp模板文章內圖片如何修改img標簽，如何讓zblogphp整個模板都實現延遲加載，請先看：《zblogphp模板做圖片lazyload延遲加載教程》

以上鏈接是完成zblog模板中img標簽方法，而本文要分享的是最后的優化，其中涉及了修改zblog文章內圖片img標簽的方法，完成jQuery.lazyload延遲加載！

需要把<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);
}

大功告成！