{"id":65834,"date":"2017-11-29T06:58:24","date_gmt":"2017-11-29T14:58:24","guid":{"rendered":"http:\/\/wpbeaveraddons.com\/?p=65834"},"modified":"2017-11-29T23:06:35","modified_gmt":"2017-11-30T07:06:35","slug":"image-carousel-module","status":"publish","type":"post","link":"https:\/\/wpbeaveraddons.com\/image-carousel-module\/","title":{"rendered":"Introducing Image Carousel : Display for your Images in a Magnificent Way"},"content":{"rendered":"<p>Today I am elated to announce the launch\u00a0of an impressive Module: <a href=\"https:\/\/wpbeaveraddons.com\/demo\/image-carousel\/\">Image Carousel<\/a>. Now you can start creating stunning images display with this remarkable module and elegantly show your work.<\/p>\n<h2>A Picture is Worth a Thousand Words<\/h2>\n<p>Indeed&#8230; But it&#8217;s worth increases significantly if it is displayed in the right manner and that is what our carousel is for. The Carousel module will allow you to perfectly display multiple images with a very smooth scrolling display that is capable enough to catch the viewer&#8217;s attention.<\/p>\n<p>The best part of this module is that it comes with a lot of customization! You are not limited to displaying your images in just the Carousel style, in fact, you can choose from 3 different types of layouts for your image in just a click.<\/p>\n<blockquote><p><a href=\"https:\/\/wpbeaveraddons.com\/demo\/image-carousel\/\">Click here to check out the demo<\/a> for Image Carousel module.<\/p><\/blockquote>\n<p>This is not the only epic thing about this module; there are many others as well. Let&#8217;s have a look:<\/p>\n<h3>Display Layouts<\/h3>\n<p>Including the Carousel Style, there are total 3 different styles in which you can display your images to the users.<\/p>\n<ul>\n<li><strong>Carousel <\/strong>&#8211;\u00a0This style displays your images and media in an elegant yet simple Carousel style.<\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-66285\" src=\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/overlay.gif\" alt=\"\" width=\"628\" height=\"243\" \/><\/p>\n<ul>\n<li><strong>SlideShow<\/strong> &#8211; This slider style displays one big(current) image or slide and multiple image thumbnails at the bottom of the window.<\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-66286\" src=\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/slideshow.gif\" alt=\"\" width=\"489\" height=\"262\" \/><\/p>\n<ul>\n<li><strong>Coverflow<\/strong> &#8211; This slider shows the images in a way that the slide is more focused on the central image and other side slides in the back.<\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-66289\" src=\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/3-2.gif\" alt=\"\" width=\"465\" height=\"133\" \/><\/p>\n<h3>Effects<\/h3>\n<p>Apart from the basic effect, the module allows you to choose from 2 other styles for displaying the images. You can also change the speed of transition for the images.<\/p>\n<ul>\n<li><strong>Slide<\/strong> &#8211; This shows a simple transition effect of sliding while transition.<\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-66285\" src=\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/overlay-e1512025318211.gif\" alt=\"\" width=\"567\" height=\"163\" \/><\/p>\n<ul>\n<li><strong>Fade<\/strong> &#8211; This effect transitions the image by fading one by one.<\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-66287\" src=\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/2-3.gif\" alt=\"\" width=\"338\" height=\"296\" \/><\/p>\n<ul>\n<li><strong>Cube<\/strong> &#8211; This effect displays the images in an impressive 3D Cube Effect.<\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-66291\" src=\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/1-1.gif\" alt=\"\" width=\"338\" height=\"302\" \/><\/p>\n<h3>Plethora of Customization<\/h3>\n<p>The slider has a lot of customization features enabling you to make changes ranging from changing the whole layout to adding a border. Let&#8217;s look at each customization one by one:<\/p>\n<ul>\n<li><strong>Slider per view<\/strong>: This lets you change the number of images to be displayed at once.<\/li>\n<li><strong>Spacing<\/strong>: With this\u00a0setting, you can change the spacing between the images.<\/li>\n<li><strong>Overlay Options<\/strong>: You can change the overlay style with just a click and you can choose to show the image caption or an icon on the image.<\/li>\n<li><strong>Image Size<\/strong>: This feature gives the user the power to change the size of the images and choose from a custom size there.<\/li>\n<li><strong>Image fit<\/strong>: You can make your image cover, contain, or cover the given area.<\/li>\n<li><strong>Display Order<\/strong>: This lets you change the display order from normal to random or the other way around.<\/li>\n<li><strong>Click Action<\/strong>: If you want your image to show up in a Lightbox when clicked or if you want to redirect the user to a custom URL when the link is clicked, You can do that as well.<\/li>\n<li><strong>Pause on Interaction<\/strong>: You can make your slider to stop animation effect when the mouse is hovered on to the Carousel.<\/li>\n<li><strong>Border Options<\/strong>: You can add a border to the images as well with the style settings and choose from Solid, Dotted, and Dashed.<\/li>\n<li><strong>Transition Speed and Autoplay Speed<\/strong>: This allows the user to change the speed at which the transition should take place.<\/li>\n<li><strong>Control Options<\/strong>: These options decide whether to show or not to show the Navigation Dots and the Navigation Arrows.<\/li>\n<li><strong>Arrow Settings<\/strong>:\u00a0If you choose to enable the arrow, you can change the size, color, hover color, background color, horizontal and vertical padding for the arrow.<\/li>\n<li><strong>Pagination<\/strong>: These settings change the pagination type and choose from dots, fraction, progress. You can change the color, size, and round corners of the dots.<\/li>\n<\/ul>\n<p>With these many options, I think you will understand the amount of customization you can make on your own carousel with the <a href=\"https:\/\/wpbeaveraddons.com\/demo\/image-carousel\/\">Image Carousel module<\/a>.<\/p>\n<h3>What&#8217;s Next? Get PowerPack!<\/h3>\n<p>If you do not have the PowerPack, <a href=\"https:\/\/wpbeaveraddons.com\/pricing\/\">get PowerPack now<\/a>! Apart from the Image Carousel Module, there are more than 50 Modules in PowerPack. And, not just that, you will get more than 250 <a href=\"https:\/\/wpbeaveraddons.com\/page-templates\/\">predesigned layouts<\/a>!<\/p>\n<p>How do you plan on using this module? Do tell us by commenting it down below!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Today I am elated to announce the launch\u00a0of an impressive Module: Image Carousel. Now you can start creating stunning images display with this remarkable module and elegantly show your work. A Picture is Worth a Thousand Words Indeed&#8230; But it&#8217;s worth increases significantly if it is displayed in the right manner and that is what&hellip;<\/p>\n","protected":false},"author":1811,"featured_media":65898,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"rank_math_lock_modified_date":false,"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-65834","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-announcements"],"acf":[],"_links":{"self":[{"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/posts\/65834"}],"collection":[{"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/users\/1811"}],"replies":[{"embeddable":true,"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/comments?post=65834"}],"version-history":[{"count":0,"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/posts\/65834\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/media\/65898"}],"wp:attachment":[{"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/media?parent=65834"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/categories?post=65834"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/tags?post=65834"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}