heimrichhannot/contao-lightbox-gallery-bundle

本插件提供基于mcstudios/glightbox的contao lightbox-gallery扩展。

维护者

详细信息

github.com/heimrichhannot/contao-lightbox-gallery-bundle

源代码

问题

安装次数: 1,895

依赖: 0

建议者: 0

安全性: 0

星标: 0

关注者: 5

分支: 0

公开问题: 0

类型：contao-bundle

2.4.2 2024-06-06 13:33 UTC

Requires

Suggests

LGPL-3.0-or-later 59179fa1a3146cd82ed7f660fbf4e3d2fa48785c

This package is auto-updated.

Last update: 2024-09-06 14:10:54 UTC

README

本插件提供基于mcstudios/glightbox的contao lightbox-gallery扩展。

安装

使用composer或contao manager安装

composer require heimrichhannot/contao-lightbox-gallery-bundle

使用方法

此插件与contao画廊直接兼容。

Encore bundle

如果您使用此插件与encore bundle一起，则默认情况下资产会被阻止。对于全尺寸选项被勾选的内容元素，资产将自动添加。

扩展使用

要将图像添加到画廊，请为元素定义一个独特的data lightbox id。每个a标签必须具有相同的data lightbox id才能属于同一画廊。

要为画廊添加标题，只需将标题属性添加到a标签中。如果想要添加说明，请在a标签后添加一个figcaption元素。

<div class="gallery">
    <a href="img/2-1.jpg" data-caption="Image caption" data-lightbox="193910782" title="Title">
        <img src="img/thumbnails/2-1.jpg" alt="First image">
    </a>
    <figcaption class="caption">Caption</figcaption>
    <a href="img/2-2.jpg" data-lightbox="193910782">
        <img src="img/thumbnails/2-2.jpg" alt="Second image">
    </a>
    ...
</div>