{"id":3854,"date":"2021-12-29T09:52:31","date_gmt":"2021-12-29T09:52:31","guid":{"rendered":"https:\/\/elementor.com\/resources\/?p=3854"},"modified":"2021-12-29T09:52:33","modified_gmt":"2021-12-29T09:52:33","slug":"what-is-a-media-carousel","status":"publish","type":"post","link":"https:\/\/elementor.com\/resources\/glossary\/what-is-a-media-carousel\/","title":{"rendered":"What Is a Media Carousel?"},"content":{"rendered":"\n<p><strong>Media Carousel <\/strong>is a customizable Elementor visual widget for WordPress sites. <strong>Media Carousel<\/strong> enables web designers to create carousels and sliders showcasing videos and images with various effects. The widget also has optimization options for cross-device display.<\/p>\n\n\n\n<p><a href=\"https:\/\/elementor.com\/widgets\/media-carousel-widget\/\"><strong>Media Carousel<\/strong><\/a><strong> <\/strong>is separate from Elementor&#8217;s Image Carousel widget and includes three skins:&nbsp;<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li><strong>Carousel: <\/strong>Traditional rotating carousel skin displays a personalized number of video or image slides per view.&nbsp;<\/li><\/ol>\n\n\n\n<ol class=\"wp-block-list\" start=\"2\"><li><strong>Slideshow:&nbsp;<\/strong>Slider skin displays the main slide and small thumbnail images below it.<\/li><\/ol>\n\n\n\n<ol class=\"wp-block-list\" start=\"3\"><li><strong>Coverflow:&nbsp;<\/strong>Slider skin shows a central slide in the front and two slides further back on either side.&nbsp;<\/li><\/ol>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Media Carousel <\/strong><strong>Sliding Effects<\/strong><\/h2>\n\n\n\n<p>In addition to the primary slide effect, Carousel and Slideshow skins let you choose between a Fade Effect and 3D Cube Effect, and much more.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>General Features:<\/strong><\/h2>\n\n\n\n<ol class=\"wp-block-list\"><li>Quickly changing the size, ratio, and space between slides. Option to use different sized images and display them at a selected size.<\/li><li>Sizing: Flexibility to scale carousel&#8217;s width and height; image size; and image fit into its container (Cover, Contain, or Auto).<\/li><li>Lightbox &amp; External Link: Every image and video can open to full view using an inbuilt customizable popup lightbox. Or, set a separate custom <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/blog\/url\/\"   title=\"URL\" data-wpil-keyword-link=\"linked\">URL<\/a> to which each slide will link.<\/li><li>Navigation: Browsing the carousel using arrows, dots, numbered fractions, or a progress bar. Each browsing feature also has its own styling options.<\/li><li>Transition Duration, Autoplay Speed (if Autoplay is selected), Infinite Loop: Set the time it takes for each slide to appear in milliseconds (1000 ms = 1 second) or show the carousel in a continuous loop.&nbsp;<\/li><li>Showcase videos in your carousel.<\/li><li>Coverflow Skin includes an overlay option of None, Text, or Icon:<ul><li>Text includes displaying captions, titles, or descriptions. It also has a choice of animations &#8211; Fade, Slide Up, Slide Down, Slide Right, Slide Left, Zoom In.&nbsp;<\/li><li>Icon option offers the choice of a search icon, plus icon, eye icon, or link icon.<\/li><\/ul><\/li><\/ol>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Mobile Responsiveness<\/strong><\/h2>\n\n\n\n<p>As with other <a href=\"https:\/\/elementor.com\/widgets\/\">Elementor widgets<\/a>, the Media Carousel and Slideshow come with mobile responsive editing. For example, set the number of slides per view, the height, width, and space between each device separately.&nbsp;<\/p>\n\n\n\n<p>Mobile users can also swipe to browse through the slides. All these options make it easy to customize the mobile view of these widgets and make it 100% responsive.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Media Carousel is a customizable Elementor widget for WordPress sites that enables designers to create carousels and sliders to showcase videos and images<\/p>\n","protected":false},"author":1292159,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_angie_page":false,"page_builder":"","footnotes":""},"categories":[15,30],"tags":[16],"class_list":["post-3854","post","type-post","status-publish","format-standard","hentry","category-glossary","category-elementor","tag-build"],"acf":[],"_links":{"self":[{"href":"https:\/\/elementor.com\/resources\/wp-json\/wp\/v2\/posts\/3854","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/resources\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/resources\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/resources\/wp-json\/wp\/v2\/users\/1292159"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/resources\/wp-json\/wp\/v2\/comments?post=3854"}],"version-history":[{"count":1,"href":"https:\/\/elementor.com\/resources\/wp-json\/wp\/v2\/posts\/3854\/revisions"}],"predecessor-version":[{"id":3859,"href":"https:\/\/elementor.com\/resources\/wp-json\/wp\/v2\/posts\/3854\/revisions\/3859"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/resources\/wp-json\/wp\/v2\/media?parent=3854"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/resources\/wp-json\/wp\/v2\/categories?post=3854"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/resources\/wp-json\/wp\/v2\/tags?post=3854"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}