README

Bear Framework 插件

此插件允许您轻松创建SEO友好的懒加载图片画廊。它基于流行的库 Responsively Lazy。为每个图像动态创建多个版本，并只加载最佳版本。这可以节省带宽并加快网站加载速度。

下载和安装

通过 Composer 安装

composer require ivopetkov/image-gallery-bearframework-addon

下载存档

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

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

启用插件

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

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

用法

<component src="image-gallery">
    <file filename="/path/to/file1.jpg"/>
    <file filename="/path/to/file2.jpg"/>
    <file filename="/path/to/file3.jpg"/>
</component>

属性

onclick

定义图像点击时的行为。可用的值：全屏、url、自定义、无

image-aspect-ratio

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

columns-count

将用图像填充的列数

imageSize

图像大小，如果未指定 columnsCount。可用的值：微型、小型、中型、大型、巨型

image-loading-background

图像加载时显示的背景类型。可用的值：无和格子。

spacing

图像之间的间距。示例值：10px、1rem、等。

class

HTML类属性值

示例

3列的正方形图像，点击时将全屏打开

<component src="image-gallery" columns-count="3" image-aspect-ratio="1:1" onclick="fullscreen">
    <file filename="/path/to/file1.jpg"/>
    <file filename="/path/to/file2.jpg"/>
    <file filename="/path/to/file3.jpg"/>
</component>

许可证

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

作者

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

ivopetkov / image-gallery-bearframework-addon

维护者

详细信息

README

下载和安装

启用插件

用法

属性

示例

许可证

作者