v1.6.1

Discover the new features New update!

Changelog

Premium element

ShowCase

Dual Row

Dual Row is a visually captivating image carousel that creates a seamless, infinite scrolling effect with two rows of images. The top and bottom rows move continuously, offering a dynamic and engaging way to showcase image content while maintaining a smooth animation flow.

Quick Setup

data-dual-row-flow'

Required

Activates the dual-row image flow effect. No value is needed; simply adding this attribute enables the functionality.

data-top-row-images

Required

Accepts a JSON array of image URLs to display in the top row. Each URL represents an image in the carousel. Example: ["image1.jpg", "image2.jpg", "image3.jpg"].

data-bottom-row-images

Required

Accepts a JSON array of image URLs for the bottom row, following the same format as the top row.

Advanced configuration

data-top-speed

Optional

Controls the scrolling speed for the top row.

Default: 0.5

data-bottom-speed

Optional

Sets the scrolling speed for the bottom row.

Default: 0.5

data-pause-on-hover

Optional

If set to true, the scrolling pauses when the user hovers over a row. Set to false to disable this feature.

Default: true

data-direction

Optional

Defines the scrolling direction for both rows (left or right).

Default: left

data-image-border-radius

Optional

Controls the rounded corners of all images in both rows. 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

Review Your Cart
0
Add Coupon Code
Subtotal