The skin carousel is responsive and allows you to manage the scrolling of blocks in 5 different visual styles: Slide, Fade, Cube, Coverflow, Flip.
but also up to bottom, depends on the direction setting.
Slides for View
How many slides should be displayed.
Slides for group
How many slides must be moved when scrolling.
The carousel or slider can have multiple lines.
Scrolling in Alpha transparency.
A cube rotates and shows the face with the desired slide on its front.
The shadow under the cube.
The faces of the cube are shaded.
1/3 3d faces that slide in perspective.
The spacing between the slides in perspective.
The fold (z) of the distorted slides
The shadow on the distorted slides.
Slides per view
How many slides must be displayed.
We recommend 1 or 3.
The flip effect rotates 360° only one slide like a sheet.
Navigation and scrolling controls
Direction affects the position of the Pagination and Scrollbar navigation elements:
The navigation arrows are based on svg designs and consisting into 2 parts: a line and a triangle (arrow).
You can model its graphic style and position.
- Position H/V
- Deviation H/V
The progress and paging indicator:
A sequence of dots placed side by side
Numbers with separator (ex: 2/5)
A colored progress bar
Bullets STYLE *
If “Dynamic bullets” is disabled you have other very attractive and original pagination styles:
- Vertical Bars
All have graphic styles for Color, size and spacing.
You can also view their active number.
Scroll Bar allows navigation through a scroll bar that can also be dragged.
Activate the possibility of dragging
The bar pops up if the cursor is outside the carousel.
Graphic styles such as color and size allow you to customize the bar and track.
The slides scroll automatically.
The scrolling time / interval.
Stop on last slide
When you reach the last one, the automatic scrolling stops.
Disable on interaction
Scrolling is disabled at the first navigation interaction.
- Velocity ratio
- Bounce ratio
Numerous options are available.
Spacing of the slider
Left to right or top to bottom.
And many others:
- Infinity Loop
- Center slides
- Auto height
- Grab cursor
- Keyboard control
- Mousewheel control
These parameters allow you to control the graphic style of the blocks.
- Text alignment
- Vertical flex align