Create beautiful slides of images and videos with the 10Web Media Carousel premium widget. 

The Content Tab

Slides

Skin: Display your media using the Carousel, Slideshow, or Coverflow mode.

Slide Items

Click on each slide item to add image or video.

Type: Choose from image or video.

Image: Click on the image box to upload an image.

Link: Option to link image to a media file or a custom URL. 

Video Link: Add the video URL in the video link field. Click on the gear icon to customize settings of the link. Option to open the link in a different window and to add nonfollow. 

Add Item: Click on the button to add more items to your carousel. 

Effect: Click the drop down menu to add a transition effect to the carousel. 

Slides Per Preview: Choose the number of slides visible at the same time.

Slides to Scroll: Choose the number of slides scrolled with per swipe.

Height: Adjust the height of the carousel. 

Width: Adjust the width of the carousel. 

Additional Options

Arrows: Click the toggle on to add navigation arrows to your carousel. 

Pagination: Option to display pages using fraction, dots, progress, or none.

Transition Duration: Set how fast or slow the next slide should appear.

Autoplay: Click the toggle on to automatically flip through the images. 

Autoplay Speed: Choose the speed at which the images should automatically proceed. 

Infinite Loop: Click the toggle to allow the slides to infinitely flip through.

Pause on Interaction: Click the toggle to pause the image on mouse hover.

Overlay: Option to overlay images and videos on hover with text, icon, or none. 

Text Overlay

Caption: Choose the type of caption to place on the overlay.

Animation: Choose how you want to animate the overlay.

Icon Overlay

Icon: Choose an icon to be placed on the overlay. 

Animation: Choose how you want to animate the overlay.

Image Size: Choose the size of your images from the drop down menu.

Image Fit: Choose how the image should fit into the carousel. 

The Style Tab

Slides

Space Between: Set the space between images.

Background Color: Option to customize the background color of the carousel.

Border Size: Set the thickness of the border for each image or video. 

Border Radius: Option to round the corners of the border. 

Border Color: Customize the color of the borders. 

Padding: Set the padding of images relative to the carousel box. 

Navigation

Arrows

Size: Adjust the size of the navigation arrows. 

Color: Customize the color of the navigation arrows by clicking on the color tile. 

Pagination

Position: Choose to position inside or outside the image. 

Size: Adjust the size of your pagination. 

Color: Customize the color of your pagination. 

Play Icon

Color: Customize the color of the play icon by clicking on the color tile. 

Size: Customize the size of the play icon. 

Shadow: Add a shadow to the play icon. 

Overlay

Background Color: Customize the color and opacity of the overlay. 

Text Color: Customize the color of the overlay text.

Icon Size: Set the size of the overlay icon.

Lightbox 

Color: Customize the background color. 

UI Color: Customize the navigation icon colors. 

UI Hover Color: Customize the hover colors for the navigation icons. 

Video Width: Adjust the width of the video. 

The Advanced Tab

In the advanced tab, adjust the padding, apply Z-index to your elements, set conditions, motion effects, responsiveness, and more.

Next Up: Share Button