im/vendor/tcwei/imglazyload
weiz 22d166de26 update 2023-09-26 18:09:46 +08:00
..
src update 2023-09-26 18:09:46 +08:00
README.md update 2023-09-26 18:09:46 +08:00
composer.json update 2023-09-26 18:09:46 +08:00

README.md

PHP 使文章图片懒加载

介绍

没有任何依赖,可在任何环境下使用,开箱即用 文章图片懒加载,当文章中存在大量图片时,可使用该库进行图片懒加载,看不到的图片不进行加载,节省带宽
可以设置当距离可见区域多少PX时即进行加载图片这样可使用户无感知

安装

方式1、使用 composer 命令安装composer require tcwei/imglazyload
方式2、直接在 src 找到 ArticleImgLazyload.php 类库文件直接拖到你的类目录内include 该文件可直接使用

使用

use tcwei\smallTools\ArticleImgLazyload;
$ArticleImgLazyload = new ArticleImgLazyload;
$newContent = $ArticleImgLazyload->getNewContent($articleContent);
//将这个$newContent给前端使用即可
echo $newContent;

参数介绍

  • $ArticleImgLazyload->imgPrefix
string
给图片路径加前缀一般为APP使用网站可忽略
一般编辑器写的文章不会给编辑器加域名的这样抽取文章给APP渲染时无法读取图片
如:$ArticleImgLazyload->imgPrefix = 'http://www.aaa.com';
文章内容中的图片路径都在加上 http://www.aaa/com 这个前缀
  • $ArticleImgLazyload->timeLazyload
int
当到达可见区域时是否延迟加载单位毫秒默认为0
一般无需要设置如果要看懒加载效果可以设置为2000进行查看
  • $ArticleImgLazyload->defaultImg
string
当图片未加载完成时显示的图片
默认http://image2.sina.com.cn/blog/tmpl/v3/images/default_s_bmiddle.gif
  • $ArticleImgLazyload->distance
int
距离可见区域多少PX时进行加载图片默认为100
  • $ArticleImgLazyload->blacklist
string
不参与懒加载的图片地址关键词
例如传入baidu即代表图片地址含有baidu的都不会进行懒加载排除掉 ueditor 写文章时编辑器自带的表情图