Лайтбоксы

В комплект Albireo CMS входят два лайтбокса. Они предназначаются для красивого открытия изображения.

GLightbox

Это лайтбокс используется по умолчанию. Кликните на это изображение для демонстрации работы:

Для подключения укажите у страницы:

use.glightbox: +

Если вы используете парсер TextSimple, то можно использовать такие варианты:

!![My image](https://i.imgur.com/fsyrScY.jpg width="200")

!![My image](https://i.imgur.com/fsyrScY.jpg width="200"){class="glightbox"}

[Open image](https://i.imgur.com/fsyrScY.jpg class="glightbox")

Fullscreen Lightbox

Кликните на это изображение для демонстрации работы:

Для подключения укажите у страницы:

use.fslightbox: +

Для того, чтобы лайтбокс сработал, нужно у ссылки указать атрибут data-fslightbox. Вот примеры использования с помощью HTML:

<a data-fslightbox href="https://i.imgur.com/fsyrScY.jpg"><img src="https://i.imgur.com/fsyrScY.jpg" alt="Image"></a>

<a data-fslightbox href="https://i.imgur.com/fsyrScY.jpg">open</a>

<a data-fslightbox="gallery" href="https://i.imgur.com/fsyrScY.jpg">Open the first slide (an image)</a>

<a data-fslightbox="gallery" href="https://www.youtube.com/watch?v=xshEZzpS4CQ">Open the second slide (a YouTube video)</a>

<a data-fslightbox="gallery" href="https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4">Open the third slide (an HTML video)</a>

Если вы используете парсер TextSimple, то можно использовать такие варианты:

!![My image](https://i.imgur.com/fsyrScY.jpg width="200"){data-fslightbox}

[Open image](https://i.imgur.com/fsyrScY.jpg data-fslightbox)