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

8976988823周前 (01-08)zblog2

本文只是介绍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);}

大功告成!

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

版权声明:本文由米表程序发布,如需转载请注明出处。

本文链接:https://www.9909999.xyz/post/194.html

分享给朋友: