Основная функция секции:
Секция Галерея "Анимированный масштаб" при прокрутке сайта вместо стандартного скролла меняется масштаб этой секции.
Когда все изображения галереи заполнят экран, скролл сайта продолжается в обычном режиме.
Секция Галерея "Анимированный масштаб" при прокрутке сайта вместо стандартного скролла меняется масштаб этой секции.
Когда все изображения галереи заполнят экран, скролл сайта продолжается в обычном режиме.
Вид секции по умолчанию:
Вид отображения:
Галерея позволяет разместить от 4-ёх до 10-ти изображений в различных сетках.
Галерея позволяет разместить от 4-ёх до 10-ти изображений в различных сетках.
Пример секции с 10-ю изображениями:
Настройка изображений:
Изображения в галерее можно стилизовать с помощью скруглений, отступов, теней, обводки и эффектов картинки.
Изображения в галерее можно стилизовать с помощью скруглений, отступов, теней, обводки и эффектов картинки.
Пример секции со стилизацией:
Анимация масштабирования:
Увеличение при скролле - сначала будет показана вся галерея, а по мере прокрутки страницы будет происходить увеличение к основному изображению галереи.
Уменьшение при сколле - сначала будет показано основное изображение галереи на всю ширину, а по мере прокрутки страницы будет происходить уменьшение масштаба, пока на экране не появятся все изображения галереи.
После завершения масштабирования страница сайта будет прокручиваться как обычно.
Увеличение при скролле - сначала будет показана вся галерея, а по мере прокрутки страницы будет происходить увеличение к основному изображению галереи.
Уменьшение при сколле - сначала будет показано основное изображение галереи на всю ширину, а по мере прокрутки страницы будет происходить уменьшение масштаба, пока на экране не появятся все изображения галереи.
После завершения масштабирования страница сайта будет прокручиваться как обычно.
Пример уменьшения при скролле:
Список изображений:
Позволяет загрузить изображения для галереи. Список ограничен 10-ю изображениями.
Главное изображение - это изображение из сетки, которое будет масштабироваться на весь экран.
Позволяет загрузить изображения для галереи. Список ограничен 10-ю изображениями.
Главное изображение - это изображение из сетки, которое будет масштабироваться на весь экран.
Интерактивный пример
Ниже представлен пример оформления галереи
Ниже представлен пример оформления галереи
