Skip to main content

Carousel

The carousel provides an interaction that can slide left and right.

Add and delete slides​

Add slide

Add and delete blocks on the slide​

Setting the arrow​

You may or may not change the color of the arrow.

Setting arrows

Setting pagination​

You may not change or display the color of the paging point.

Set paging

Adjusting the distance​

You can adjust the distance of the points displayed when using paging. The larger the value, the lower it goes, and the smaller it goes, the higher it goes.

Carousel paging point distance

tip

You can set it as a negative number and place the dot on the carousel.

Slide. Reveal other slides on both sides​

Basically, the slide occupies all the width of the carousel. Various attributes of carousel allow you to slightly expose the previous or next slide or adjust the spacing between the slides.

Slide per page​

Slides per page is the number of slides to be displayed on one page of the carousel.

For example, if this attribute value is 2, two slides are displayed on one page.

Two carousel slides

You can set it to a decimal point to make the slide slightly visible. (Example image setting value: 1.2)

Carousel slides 1.2

Slide in the middle​

If slides per page are set, the slides are aligned to the left by default. You can center the slides by activating this option.

Slide middle alignment

Sliding distance​

You can adjust the spacing between slides.

Slides

tip

Slide spacing applies to all slides in common. If you need a different interval for each slide, please apply margin to each slide.

You can create a full screen flicking page with a vertical carousel.

Select a carousel block and set direction vertically in the inspector.

Set the direction of the carousel

caution

When using the vertical carousel, please remove all the top blocks except the carousel.