Documentation
v.1.6.1
GETTING STARTED
DYNAMIC ISLAND
Premium element
ShowCase
Dual Column
Dual Row creates a continuous scrolling effect with two vertically aligned columns of images, offering a dynamic and visually engaging way to showcase image content. The columns can scroll independently, with customizable speed, direction, and interaction options.
Preview
Open previewQuick Setup
data-dual-column-flow
Required
Activates the dual-row image flow effect. No value is needed; simply adding this attribute enables the functionality.
data-left-column-images
Required
Accepts a JSON array of image URLs for the left column. Example: ["image1.jpg", "image2.jpg", "image3.jpg"].
data-right-column-images
Required
Accepts a JSON array of image URLs for the right column. Example: ["image1.jpg", "image2.jpg", "image3.jpg"].
Advanced configuration
data-left-speed
Optional
Controls the scrolling speed for the left column.
Default: 0.5
data-right-speed
Optional
Controls the scrolling speed for the right column.
Default: 0.5
data-pause-on-hover
Optional
Pauses the scrolling when the column is hovered over. Set to "false" to disable.
Default: true
data-column-direction
Optional
Sets the scrolling direction for the columns ("up" or "down").
Default: down
data-image-border-radius
Optional
Controls the rounded corners of all images in both columns. Higher values create more rounded corners.
Default: 0
We're here to help
Choose how you'd like to connect with our support team
Contact Support
Get help from our team of experts
Response within 24 hours