Image carousel widget

Image carousel widget allows you to add interesting and dynamic galleries to your pages. In the video, we explain how to create a gallery image carousel and a three-column carousel.

Content

Image carousel

1. Click Add image to select images to display. Once selected, click Create a new gallery and then click the Insert gallery button.
2. Image size: Choose the image size, from thumbnail to full, or enter a custom size
3. Slides to display: Select the number of slides to display at a time, from 1 to 10, available for desktop computers, tablets, and mobile devices
4. Slides to get around: Sets how many slides are scrolled per slide
5. Stretch image: Select Yes or No
6. Navigation: Choose to show navigation arrows, points, both or neither
7. Link to: Vincula imágenes a sus respectivos archivos multimedia, Url personalizadas o ninguna
8. Subtitle: Set the image titles to None, Title, Title or Description

Additional options

1. Pause on mouse over: Seleccione si desea pausar o no la reproducción automática cuando un Username se desplaza sobre el carrusel. Si o no
2. Pause in interaction: Select whether or not to pause autoplay when a user interacts with the carousel. Yes or no.
3. Self-reproduction: Choose Yes or No to rotate the slides automatically
4. Auto play speed: Sets the time it takes for the next slide to start rotating. This time is in milliseconds, so 1000 ms is equal to 1 second.
5. Infinite loop: Displays the carousel in a continuous loop, infinitely. Yes or no
6. Animation speed: Sets the speed of the slideshow animation, in milliseconds
7. Direction: Choose to have the slides rotate from left to right

Style

Navigation

Arrows

1. Position: Sets the position of the arrows inside or outside the slider
2. Size: Sets the exact size of the arrows
3. Colour: Sets the color of the arrows

Points

1. Position: Sets the position of the points inside or outside the slider
2. Size: Sets the exact size of the dots
3. Colour: Sets the color of the dots

Image

1. Vertical alignment: Vertically align the image to the top, middle, or bottom
2. Spacing: Sets the space between slides. Choose Default (20px) or Custom (this option is only available if a quantity greater than 1 is chosen for Slideshow to to show about him Content tongue)
3. Border type: Set the border type, choosing from None, Solid, Double, Dotted, Dotted, or Groove
4. Edge radius: Sets the radius of the border to control the roundness of the corners