README

Bear Framework插件

此插件可以帮助您轻松创建SEO友好的懒加载图片。它基于流行的库Responsively Lazy。自动创建多个不同尺寸的版本，并仅加载最佳版本。这可以节省带宽并加快网站加载速度。

下载和安装

通过Composer安装

composer require ivopetkov/lazy-image-bearframework-addon

下载存档

从GitHub页面下载最新版本，并包含自动加载文件。

include '/path/to/the/addon/autoload.php';

为您的Bear Framework应用程序启用此插件。

$app->addons->add('ivopetkov/lazy-image-bearframework-addon');

<component src="lazy-image" filename="path/to/the/file.jpg" />

filename

要显示的文件名。它必须位于公开可访问的目录中。

aspectRatio

图像宽度和高度的比例关系。对于裁剪和调整图像大小很有用。示例值：1:1，1:2，1.5:1等。

loadingBackground

图像加载时显示的背景类型。可用值：none和checkered。

class

HTML类属性值

style

HTML样式属性值

alt

HTML alt属性值

title

HTML title属性值

渲染的图像是正方形

<component src="lazy-image" filename="path/to/the/file.jpg" aspectRatio="1:1" />

添加自定义类名到图像HTML代码

<component src="lazy-image" filename="path/to/the/file.jpg" class="my-class-name" />

添加标题

<component src="lazy-image" filename="path/to/the/file.jpg" title="New Year's Eve" />

Bear Framework的懒加载图片插件是开源软件。在MIT许可证下免费使用。有关更多信息，请参阅许可证文件。

此插件由Ivo Petkov创建。欢迎您通过@IvoPetkovCom或ivopetkov.com联系我。