ICarousel
Create and display an ICarousel element
Options#
Option nameDescription
| Element Height (container) | Custom height (px) |
| Carousel Height (front img) | Carousel’s height. The height is only for the main image (px) |
| Carousel Width (front img) | Carousel’s wid. The width is only for the main image (px) |
| Autoplay? | Autoplay the carousel? |
| Timeout duration | Timeout duration in miliseconds. The time between slides |
| Perspective | The 3D perspective option. (Min 0 & Max 100); |
| Slides Spaces | Spaces between slides |
| Visible Slides | How many slides will be shown (Must be an odd number) |
| Direction | Carousel direction when change |
| Keyboard navigation | Enable keyboard navigation? |
| Mousewheel navigation | Enable mousewheel navigation? |
| Timer Type | Timer Style |
| Timer Opacity. | Timer’s Opacity. |
| Timer diameter/width | Timer diameter or width for the bar type. For example by default it’s a 220px width for Bar style |
| Timer Color | Set a color for the timer |
| Timer position | Set the timer’s position? |
| Timer X position threshold. | Timer X position offset. |
| Timer Y position threshold. | Timer Y position offset. |
| Slides | Here you can create your iCarousel Slides. |
| Element Background Style | Select the background style you want to use for this slider. Please note that styles can be created from the unlimited headers options in the theme admin’s page. |
| Background Source Type | Please select the source type of the background. |
| Background image | Please choose a background image for this section. |
| Slide Video Youtube ID | Add an Youtube ID |
| Mp4 video source | Add the MP4 video source for your local video |
| Ogg/Ogv video source | Add the OGG video source for your local video |
| Webm video source | Add the WEBM video source for your local video |
| Video poster | Using this option you can add your desired video poster that will be shown on unsuported devices. |
| Autoplay video? | Enable autoplay for video? |
| Loop video? | Enable looping the video? |
| Start mute? | Start the video with muted audio? |
| Video controls | Enable video controls? |
| Video controls position | Video controls position in the slide |
| Background colored overlay | Add slide color overlay over the image or video to darken or enlight? |
| Overlay background color | Pick a color |
| Overlay’s opacity. | Overlay background colors opacity level. |
| Overlay Gradient 2nd Bg. Color | Pick a color |
| Gradient Overlay’s 2nd Opacity. | Overlay gradient 2nd background color opacity level. |
| Bottom masks override | The new masks are svg based, vectorial and color adapted. Disclaimer: may now work perfectly for all elements! |
Example#
