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

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

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

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

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

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

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

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

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

image

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

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

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

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

ТЕХНИЧЕСКАЯ ПОДДЕРЖКА

Не можете найти то, что ищете?

Напишите нам. Мы на связи с 7:00 до 22:00 без выходных. Среднее время ожидания ответа: 10-15 минут. Также вы можете вступить в наш Телеграм-чат, где собралось много специалистов и пользователей.

Поддержка Creatium

Агенты ответят через 10 минут

Агенты ответят

Блог, курсы и полезные материалы 

Платформа сайтов любой сложности