Skip to content Skip to footer
Open Hours:Mn - St, 8:00 a.m. - 9:00 p.m.
123, New Lenox, Chicago
Work Time8:00 - 18:00
Shopping Cart 0 items - $0.00 0
123, New Lenox, Chicago, IL 60606
Shopping Cart 0 items - $0.00 0

Image scroll

Image scroll

Elementor's image

Image scroll on mouse hover or on mouse wheel

Начиная с версии 1.97.0 в движок добавлен модуль “Image scroll”, добавляющий в модуль “Image” Элементора параметры для создания эффекта прокрутки изображения при наведении мыши или с помощью колеса прокрутки.

Параметр “Scroll direction” задает направление прокрутки Up | Down | Left | Right.

Параметр “Scroll event” задает событие, при котором начинается прокрутка: при наведении мыши на картинку или при использовании колеса прокрутки.

Параметр “Max. height” задает высоту картинки. 

Параметр “Start position” задает начальное смещение картинки (в процентах).

Параметр “Duration” задает длительность анимации прокрутки (в секундах).

Настройки секции
Scroll Up on Hover
Scroll Left on Hover
Scroll Down on Hover

SCROLL IMAGE BELOW WITH A MOUSE WHEEL

Следующее изображение прокручивается колесиком мышки – расположите указатель мыши над ним и покрутите колесо.

IMAGE SCROLL

IMAGE SCROLL + MASK

Можно легко создавать различные визуальные эффекты, комбинируя возможности плагина ThemeREX Addons. Например, справа к изображению одновременно применена маска и эффект вертикальной прокрутки при наведении мыши.

IMAGE SCROLL

HORIZONTAL & VERTICAL SCROLL ARE AVAILABLE

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

E-mail
Password
Confirm Password