Carousel is a skin type in Dynamic Posts that lets you display posts in a carousel.
In the carousel, you can choose any style of item that you want. You can also choose to display the Elementor template for this purpose.
Basic Carousel Options
Remove Masking - With this toggle enabled, you can remove the mask on the carousel to display the outside elements.
Speed (ms) - Specify the transition duration between slides in milliseconds.
Transition Effect - Choose the desired transition effect for your carousel. Available options include:
Slide
Fade
Cube
Coverflow
Flip
Additional customization options are available for some transition effects.
Direction - Select the orientation of the carousel, either horizontal or vertical.
Auto Height - Enable this option to adapt the slider wrapper's height to the active slide. Note: this feature does not support multi-row layouts.
Viewport Height - Set the height of the carousel container (viewport).
Match Height - Ensure all slides have the same height to maintain a consistent layout.
Slide Options
Initial Slide - Set the index of the first slide to be displayed when the carousel loads.
Slides Per View - Define the number of slides visible simultaneously. You can adjust this setting responsively for desktop, tablet, and mobile.
Slides Per Group - Group slides together for navigation purposes. Specify the number of slides per group.
Space Between - Set the spacing (in pixels) between slides.
Slides Per Column - Use this option to create multi-row layouts by specifying the number of slides per column.
Navigation Options
Arrow Icons - Customize the icons for the previous and next arrows.
Arrow Position - Adjust the position and alignment of the navigation arrows.
Arrow Size and Color - Define the size and color of the arrows, including hover states.
Pagination Options
Pagination Type - Choose from bullets, fraction, or progress bar styles.
Dynamic Bullets - Enable dynamic pagination for better visibility with many slides.
Pagination Styling - Customize the pagination elements' size, color, and typography.
Scrollbar
Draggable - Make the scrollbar draggable allowing you to control the slider position
Hide - Hide the scrollbar automatically after user interaction
Scrollbar Styling - Customize the color, size, and visibility of the scrollbar.
Autoplay Options
Autoplay Delay (ms) - Define the delay time for each slide before transitioning.
Stop on the Last Slide - Prevent autoplay from looping when it reaches the last slide.
Disable on Interaction - Pause autoplay when the user interacts with the carousel.
Free Mode
Enable Free Mode - Allow slides to move freely without snapping to fixed positions.
Free Mode Momentum - Enable momentum to allow slides to continue moving briefly after releasing them.
Momentum Ratio - Adjust the momentum intensity; higher values result in longer movement after release.
Bounce Effect - Higher values produce larger momentum bounce effects when the end of the slider is reached.
Minimum Velocity - Set the minimum touch move velocity required to trigger free mode momentum (default: 0.02).
Sticky Mode - Snap slides to the closest position while allowing free movement.
Other Options in Carousel
Slides Offset Before - Add extra space before the carousel slides.
Slides Offset After - Add extra space after the carousel slides.
Slides Per Column Fill - Specify how slides should fill columns in multirow layouts (options: row, column).
Loop - Enable continuous loop mode for the carousel.
Grab Cursor - Improve desktop usability by displaying a "grab" cursor when hovering over the carousel.
Keyboard Control - Allow users to navigate through slides using keyboard arrow keys.
Mousewheel Control - Enable navigation through slides using the mouse wheel.