本文只是介绍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); }
大功告成!