The Litho Image Carousel Widget allows you to add interesting and dynamic galleries to your pages.
Content
Image Carousel
| Upload image | Click Add Image button to select images to display. Once selected, click Create a New Gallery button and then click the Insert Gallery button |
| Image size | Choose the size of the image, from thumbnail to full |
| Slide to show | Select the number of slides to show at one time, from 1 to 10, default or auto, available for desktop, tablet, and mobile devices |
| Item spacing | Set the item spacing for the image |
| Image stretch | Select Yes or No to stretch image in full width |
| Navigation | Choose to display navigation Arrows, Dots, Both or None |
| Link | Link images to their respective Media Files, Custom URLs, or None |
| Caption | Set image captions to None, Title, Caption, or Description |
Arrows
| Left arrow icon | Upload or choose the left arrow icon from the library |
| Right arrow icon | Upload or choose the right arrow icon from the library |
| Size | Set the exact size of the arrows |
Additional Options
| Autoplay | Choose Yes or No to rotate slides automatically |
| Centered Slides | Check “Yes” or “No” for the centered slides |
| Pause on hover | Select whether or not to pause autoplay when a user hovers over the carousel. Yes or No |
| Pause on interaction | Select whether or not to pause autoplay when a user interacts with the carousel. Yes or No |
| Autoplay speed | Set the time it takes for the next slide to start rotating. This time is in milliseconds, so 1000 ms is equal to 1 second |
| Infinite loop | Show the carousel in a continuous loop, infinitely. Yes or No |
| Effect | Set the carousel effect as a slide or fade |
| Animation speed | Set the speed of slide animation, in milliseconds |
| RTL | Choose to have the slides rotate from left or right |
| Cursor | Set the cursor visuals as black, white, or default |
Style
General
| Border type | Set the type of border, choosing from None, Solid, Double, Dotted, Dashed, or Groove |
| Border radius | Set the border radius, to control corner roundness |
| Box shadow | Set the shadow for the image carousel |
| Slide opacity | Set the slide opacity for the image carousel |
| Active slide opacity | Set the active slide opacity for the image carousel |
| Padding | Set the amount of padding |
Image
| Vertical align | Vertically align the image to the top, middle, or bottom |
| Border type | Set the type of border, choosing from None, Solid, Double, Dotted, Dashed, or Groove |
| Border radius | Set the border-radius, to control corner roundness |
Navigation
Arrow
| Position | Set the arrow position as a inside, outside or custom |
| Box width | Set the width for the box |
| Box height | Set the height for the box |
| Size | Set the size for the arrow |
| Line height | Set the line height |
| Top | Set the navigation arrow to the top |
| Border radius | Set the border radius for the arrow |
| Box shadow | Set the box shadow for the arrow |
| Color | Set the color for the arrow |
| Background type | Set the background type for the arrow |
| Border type | Set the border type for the arrow |
Dots
| Position | Place pagination outside or inside of slides |
| Spacing | Set the spacing between the image and the content |
| Size | Set the size of dots using the scrolling feature |
| Color | Set the color for dots |
| Border type | Set the border type from the solid, none, double, dotted, dashed, and groove |
Advanced
Click here to set the advanced options that are applied to this widget.
