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
Comments
0 comments
Please sign in to leave a comment.