1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > php图片延迟加载 懒加载办法?

php图片延迟加载 懒加载办法?

时间:2020-05-15 13:40:11

相关推荐

php图片延迟加载 懒加载办法?

后端开发|php教程

php,延迟加载

后端开发-php教程

我现在的做法是,将图片的src用占位符图片代替,并使用data-src属性保存真实的图片地址,然后监控window的scroll事件,当图片出现在屏幕中时,就将data-src的值赋值给src。

微现场php源码,ubuntu安装软件源码,tomcat7.0打不开,北京爬虫工厂,php 淘客分销系统源码,国外seo大神lzw

但是这种做法不太方便,比如我现在不想延迟加载了,那么对于那些已经延迟加载的文章改起来就非常麻烦,比如我想在搜索引擎访问的时候不用延迟加载,用户访问的时候用延迟加载,不知道怎样做可以方便的进行切换呢?

jsp在线客服系统源码,ubuntu怎么关进程,jenkins部署爬虫项目,php word转php,hyein seo真假lzw

源码平台下载工具,vscode码云提交,ubuntu 打开idea,tomcat页面找不到,爬虫果蝇,网页设计和php,西安seo智能优化价格,仿挖片网电影网站源码苹果,学校app首页模板lzw

回复内容:

我现在的做法是,将图片的src用占位符图片代替,并使用data-src属性保存真实的图片地址,然后监控window的scroll事件,当图片出现在屏幕中时,就将data-src的值赋值给src。

但是这种做法不太方便,比如我现在不想延迟加载了,那么对于那些已经延迟加载的文章改起来就非常麻烦,比如我想在搜索引擎访问的时候不用延迟加载,用户访问的时候用延迟加载,不知道怎样做可以方便的进行切换呢?

img = new Image(); img.src = ‘/test.jpg’; img.onload = function() { var imageContainer = document.getElementById(‘imgContainer’); imageContainer.appendChild(img); }

你可以在数据库里存储原样的也就是src的内容,在输出之前统一加上过滤器,自动替换为data-src的形式。这样当你想恢复原样的时候,只需要把过滤器调用删掉就行了。

function add_lazy_load_filter($html) { return preg_replace("//is", "", $html);}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。