Галерея изображений lightGallery

Чтобы задействовать lightGallery, нужно в Настройках шаблона - Прочее отметить опцию «Включить lightGallery».

Галерею изображений можно разместить на любой странице сайта. Чтобы упростить код, используется шорткод gl, с помощью которого указываются необходимые параметры.

Создание галереи

В общем случае достаточно загрузить файлы изображений при редактировании записи, где выставить нужные параметры загрузки с созданием миниатюры.

После этого нужно нажать кнопку image, по которой в текст записи будет добавлен одноименный bb-код. Например:

[image=адрес миниатюры]адрес полного изображения[/image]

Замените image на gl.

[gl=адрес миниатюры]адрес полного изображения[/gl]

Код image использует плагин lightbox, поэтому для другой галереи нужно использовать другой bb-код.

После сохранения записи, на странице вы увидите миниатюру, кликнув на которую откроется lightGallery.

По такому же принципу вы можете разместить несколько изображений: lightGallery автоматически подхватит их в одну галерею для просмотра.

Несколько галерей на одной странице

Если нужно обособить изображений в одной галерее, то все картинки достаточно обрамить в div.lightgallery. Также желательно обрамить код в html.

[html]
[div(lightgallery)]
[gl=адрес миниатюры1]адрес полного изображения1[/gl]
[gl=адрес миниатюры2]адрес полного изображения2[/gl]
[gl=адрес миниатюры3]адрес полного изображения3[/gl]
[/div]
[/html]

В данном примере будет применено дополнительное оформление для миниатюр.

Дополнительные параметры

Шорткод gl позволяет указывать различные параметры. Например описание:

[gl=mini.jpg title="Описание изображения"]full.jpg[/gl]

Также можно указать дополнительные css-классы: в iclass можно указать класс для изображения, например эффекты.

[gl=mini.jpg title="Описание изображения" iclass="my-hover-img9"]full.jpg[/gl]

Описание всех параметров вы сможете найти в файле distr/lightgallery/lightgallery.php.