📋

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

Простой способ создания галереи - воспользоваться шаблонными секциями и заменить картинки на свои или же используя виджеты "Колонки" и "Картинки" создать свою галерею.

image

Более сложный вариант, когда внутри одной колонки находится ещё одна колонка, но зато это позволяет нам оформить галерею в таком стиле

image

Или можем создать галерею такого вида используя для этого скругление в настройках каждой картинки.

image

Также используя эффекты для картинок можно получить примерно такой же результат, как на этой странице.

Ещё один способ

Он не такой очевидный как перечисленные варианты выше, но позволяет по наведению на одну картинку отобразить другую.

1. Для этого понадобится виджет "Ховер".

image

2. Теперь в ховер нужно загрузить фоновую картинку и указать следующие параметры:

  • Яркость на 50% (то есть на 0% светлее и на 0% темнее);
  • Положение - Вместить, не повторять, по центру.
image

3. Перемещаем в ховер виджет "Картинка", а тот виджет, то лежал в нем по умолчанию удаляем. Должно получиться так.

image

Заметка: если в настройках виджета "Картинка" на вкладке "Вид" указано "Обычная", а размер картинки задан на 100%, то картинка автоматически заполнит все пространство ховера сохранив соотношение сторон. В ином случае размер нужно будет регулировать дополнительно.

4. Теперь нужно решить, хотим ли мы полностью перекрыть фоновую картинку в ховере картинкой из виджета "Картинка" или же частично. Для этого нам потребуется убрать все отступы у виджета "Ховер".

image

И у виджета "Картинка".

image

Отлично, галерея готова!