View Categories

Галерея

< 1 min read

Галерею фотографий на странице можно разместить с помощью 2х разных этажей: «Галерея (плитка)» и «Галерея (слайдер)». Рассмотрим каждую подробнее.

Галерея (плитка) #

У данного этажа можно задать размер выводимых изображений:

И отключить эффект при наведении:

Загрузить изображения в галерею вы можете либо перетащив необходимые картинки в поле загрузки, либо нажав на синее облако, которое откроет вам папку на вашем ПК:

По стандарту изображения выводятся в соотношении 16:9 и система предложит неподходящие изображения обрезать:

Ниже представлено, как будет выглядеть галерея в разных настройках размера изображений:

Отключение эффекта при наведении убирает небольшое увеличение изображения, что вы видите на видео ниже:

Галерея (слайдер) #

Для компактности мы можем фотогалерею выводить в слайдере, с помощью этажа «Галерея (слайдер)».

Принцип загрузки аналогичный этажу «Галерея (плитка)». Загрузчик так же предложит обрезать фотографии к соотношению 16:9.

С настройками «Количество слайдов (моб-планшет-десктоп)» будет выглядеть следующим образом (на мобильных телефонах по настройкам выводится одно изображение на экран):

Так же мы можем отключить эффект при наведении: