{"id":2,"date":"2025-05-15T06:11:14","date_gmt":"2025-05-15T06:11:14","guid":{"rendered":"https:\/\/demo.rudrastyh.com\/simple-carousel-block\/?page_id=2"},"modified":"2025-05-15T06:28:51","modified_gmt":"2025-05-15T06:28:51","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/demo.rudrastyh.com\/simple-carousel-block\/","title":{"rendered":"Carousel Block Demo Examples"},"content":{"rendered":"\n<div class=\"wp-block-group toc\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<p class=\"wp-block-paragraph\">Table of contents<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><a href=\"#image-carousel-1\">Image carousel with dots navigation<\/a><\/li>\n\n\n\n<li><a href=\"#image-carousel-2\">Fullwidth image carousel with autoscroll<\/a><\/li>\n\n\n\n<li><a href=\"#logos\">Infinite logo carousel<\/a><\/li>\n\n\n\n<li><a href=\"#content-sliders\">Content sliders<\/a><\/li>\n<\/ol>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"image-carousel-1\" style=\"margin-top:var(--wp--preset--spacing--80)\">1. Image Carousel with Dots Navigation<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">In this example we&#8217;re using different image sizes and proportions and it is totally okay because we have an option to align slides vertically in block settings.<\/p>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-rudr-carousel swiper\" data-swiper=\"{&quot;slidesPerView&quot;:2,&quot;autoplay&quot;:false,&quot;speed&quot;:300,&quot;spaceBetween&quot;:30,&quot;breakpoints&quot;:{},&quot;pagination&quot;:{&quot;el&quot;:&quot;.swiper-pagination&quot;,&quot;clickable&quot;:true},&quot;navigation&quot;:false,&quot;loop&quot;:false}\"><div class=\"swiper-wrapper\">\n<div class=\"wp-block-rudr-slide swiper-slide are-vertically-aligned-center\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1500\" height=\"1000\" src=\"https:\/\/demo.rudrastyh.com\/simple-carousel-block\/wp-content\/uploads\/sites\/3\/2025\/05\/mountain-3.jpg\" alt=\"\" class=\"wp-image-9\" srcset=\"https:\/\/demo.rudrastyh.com\/simple-carousel-block\/wp-content\/uploads\/sites\/3\/2025\/05\/mountain-3.jpg 1500w, https:\/\/demo.rudrastyh.com\/simple-carousel-block\/wp-content\/uploads\/sites\/3\/2025\/05\/mountain-3-768x512.jpg 768w\" sizes=\"auto, (max-width: 1500px) 100vw, 1500px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-rudr-slide swiper-slide are-vertically-aligned-center\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"1000\" src=\"https:\/\/demo.rudrastyh.com\/simple-carousel-block\/wp-content\/uploads\/sites\/3\/2025\/05\/mountain-1.jpg\" alt=\"\" class=\"wp-image-11\"\/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-rudr-slide swiper-slide are-vertically-aligned-center\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1500\" height=\"1000\" src=\"https:\/\/demo.rudrastyh.com\/simple-carousel-block\/wp-content\/uploads\/sites\/3\/2025\/05\/mountain-2.jpg\" alt=\"\" class=\"wp-image-12\" srcset=\"https:\/\/demo.rudrastyh.com\/simple-carousel-block\/wp-content\/uploads\/sites\/3\/2025\/05\/mountain-2.jpg 1500w, https:\/\/demo.rudrastyh.com\/simple-carousel-block\/wp-content\/uploads\/sites\/3\/2025\/05\/mountain-2-768x512.jpg 768w\" sizes=\"auto, (max-width: 1500px) 100vw, 1500px\" \/><\/figure>\n<\/div>\n<\/div><div class=\"swiper-pagination\"><\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"image-carousel-2\" style=\"margin-top:var(--wp--preset--spacing--80)\">2. Fullwidth Image Carousel with Autoscroll<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The plugin allows you to decide whether you would the carousel to be the same as the width of the content or it should be wider.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Also when you have a lot of slides displayed at the same time in desktop, you will have to make sure, that the carousel is responsive and only displays the appropriate amount of slides on mobile. My block <a href=\"https:\/\/rudrastyh.com\/plugins\/gutenberg-carousel-slider-block#responsive\">allows to do that<\/a>.<\/p>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-rudr-carousel alignwide swiper\" data-swiper=\"{&quot;slidesPerView&quot;:1,&quot;autoplay&quot;:{&quot;delay&quot;:2000},&quot;speed&quot;:300,&quot;spaceBetween&quot;:40,&quot;breakpoints&quot;:{&quot;500&quot;:{&quot;slidesPerView&quot;:2},&quot;768&quot;:{&quot;slidesPerView&quot;:3},&quot;1100&quot;:{&quot;slidesPerView&quot;:4}},&quot;pagination&quot;:false,&quot;navigation&quot;:false,&quot;loop&quot;:false}\"><div class=\"swiper-wrapper\">\n<div class=\"wp-block-rudr-slide swiper-slide are-vertically-aligned-center\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1500\" height=\"1000\" src=\"https:\/\/demo.rudrastyh.com\/simple-carousel-block\/wp-content\/uploads\/sites\/3\/2025\/05\/mountain-3.jpg\" alt=\"\" class=\"wp-image-9\" srcset=\"https:\/\/demo.rudrastyh.com\/simple-carousel-block\/wp-content\/uploads\/sites\/3\/2025\/05\/mountain-3.jpg 1500w, https:\/\/demo.rudrastyh.com\/simple-carousel-block\/wp-content\/uploads\/sites\/3\/2025\/05\/mountain-3-768x512.jpg 768w\" sizes=\"auto, (max-width: 1500px) 100vw, 1500px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-rudr-slide swiper-slide are-vertically-aligned-center\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"1000\" src=\"https:\/\/demo.rudrastyh.com\/simple-carousel-block\/wp-content\/uploads\/sites\/3\/2025\/05\/mountain-1.jpg\" alt=\"\" class=\"wp-image-11\"\/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-rudr-slide swiper-slide are-vertically-aligned-center\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"1278\" src=\"https:\/\/demo.rudrastyh.com\/simple-carousel-block\/wp-content\/uploads\/sites\/3\/2025\/05\/mountain-9-2.jpg\" alt=\"\" class=\"wp-image-14\" srcset=\"https:\/\/demo.rudrastyh.com\/simple-carousel-block\/wp-content\/uploads\/sites\/3\/2025\/05\/mountain-9-2.jpg 1000w, https:\/\/demo.rudrastyh.com\/simple-carousel-block\/wp-content\/uploads\/sites\/3\/2025\/05\/mountain-9-2-768x982.jpg 768w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-rudr-slide swiper-slide are-vertically-aligned-center\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1500\" height=\"1000\" src=\"https:\/\/demo.rudrastyh.com\/simple-carousel-block\/wp-content\/uploads\/sites\/3\/2025\/05\/mountain-2.jpg\" alt=\"\" class=\"wp-image-12\" srcset=\"https:\/\/demo.rudrastyh.com\/simple-carousel-block\/wp-content\/uploads\/sites\/3\/2025\/05\/mountain-2.jpg 1500w, https:\/\/demo.rudrastyh.com\/simple-carousel-block\/wp-content\/uploads\/sites\/3\/2025\/05\/mountain-2-768x512.jpg 768w\" sizes=\"auto, (max-width: 1500px) 100vw, 1500px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-rudr-slide swiper-slide are-vertically-aligned-center\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1500\" height=\"844\" src=\"https:\/\/demo.rudrastyh.com\/simple-carousel-block\/wp-content\/uploads\/sites\/3\/2025\/05\/mountain-5-2.jpg\" alt=\"\" class=\"wp-image-15\" srcset=\"https:\/\/demo.rudrastyh.com\/simple-carousel-block\/wp-content\/uploads\/sites\/3\/2025\/05\/mountain-5-2.jpg 1500w, https:\/\/demo.rudrastyh.com\/simple-carousel-block\/wp-content\/uploads\/sites\/3\/2025\/05\/mountain-5-2-768x432.jpg 768w\" sizes=\"auto, (max-width: 1500px) 100vw, 1500px\" \/><\/figure>\n<\/div>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"logos\" style=\"margin-top:var(--wp--preset--spacing--80)\">3. Infinite Logo Carousel<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Creating a logo carousel slider for my client was actually where I got the idea to develop this plugin.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Below is an example logo carousel with some random brands. I intentionally used unmodified unresized files (Jpeg, Png, Svg) I took from Google images.<\/p>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-rudr-carousel alignwide swiper\" data-swiper=\"{&quot;slidesPerView&quot;:2,&quot;autoplay&quot;:{&quot;delay&quot;:2000},&quot;speed&quot;:300,&quot;spaceBetween&quot;:30,&quot;breakpoints&quot;:{&quot;500&quot;:{&quot;slidesPerView&quot;:3},&quot;769&quot;:{&quot;slidesPerView&quot;:4},&quot;1000&quot;:{&quot;slidesPerView&quot;:5}},&quot;pagination&quot;:false,&quot;navigation&quot;:false,&quot;loop&quot;:true}\"><div class=\"swiper-wrapper\">\n<div class=\"wp-block-rudr-slide swiper-slide\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"959\" height=\"959\" src=\"https:\/\/demo.rudrastyh.com\/simple-carousel-block\/wp-content\/uploads\/sites\/3\/2025\/05\/1.jpeg\" alt=\"\" class=\"wp-image-17\" style=\"width:130px\" srcset=\"https:\/\/demo.rudrastyh.com\/simple-carousel-block\/wp-content\/uploads\/sites\/3\/2025\/05\/1.jpeg 959w, https:\/\/demo.rudrastyh.com\/simple-carousel-block\/wp-content\/uploads\/sites\/3\/2025\/05\/1-616x616.jpeg 616w, https:\/\/demo.rudrastyh.com\/simple-carousel-block\/wp-content\/uploads\/sites\/3\/2025\/05\/1-768x768.jpeg 768w\" sizes=\"auto, (max-width: 959px) 100vw, 959px\" \/><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-rudr-slide swiper-slide are-vertically-aligned-center\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1080\" height=\"720\" src=\"https:\/\/demo.rudrastyh.com\/simple-carousel-block\/wp-content\/uploads\/sites\/3\/2025\/05\/2.svg\" alt=\"\" class=\"wp-image-18\" style=\"width:164px\"\/><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-rudr-slide swiper-slide are-vertically-aligned-center\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"984\" height=\"426\" src=\"https:\/\/demo.rudrastyh.com\/simple-carousel-block\/wp-content\/uploads\/sites\/3\/2025\/05\/3.png\" alt=\"\" class=\"wp-image-19\" style=\"width:136px\" srcset=\"https:\/\/demo.rudrastyh.com\/simple-carousel-block\/wp-content\/uploads\/sites\/3\/2025\/05\/3.png 984w, https:\/\/demo.rudrastyh.com\/simple-carousel-block\/wp-content\/uploads\/sites\/3\/2025\/05\/3-768x332.png 768w\" sizes=\"auto, (max-width: 984px) 100vw, 984px\" \/><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-rudr-slide swiper-slide are-vertically-aligned-center\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"350\" height=\"287\" src=\"https:\/\/demo.rudrastyh.com\/simple-carousel-block\/wp-content\/uploads\/sites\/3\/2025\/05\/Corsx.jpeg\" alt=\"\" class=\"wp-image-20\" style=\"width:121px\"\/><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-rudr-slide swiper-slide are-vertically-aligned-center\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"284\" height=\"181\" src=\"https:\/\/demo.rudrastyh.com\/simple-carousel-block\/wp-content\/uploads\/sites\/3\/2025\/05\/pekoe-1.jpg\" alt=\"\" class=\"wp-image-21\" style=\"width:159px\"\/><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-rudr-slide swiper-slide are-vertically-aligned-center\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"454\" height=\"450\" src=\"https:\/\/demo.rudrastyh.com\/simple-carousel-block\/wp-content\/uploads\/sites\/3\/2025\/05\/logo.png\" alt=\"\" class=\"wp-image-22\" style=\"width:147px\"\/><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-rudr-slide swiper-slide are-vertically-aligned-center\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/demo.rudrastyh.com\/simple-carousel-block\/wp-content\/uploads\/sites\/3\/2025\/05\/Volcom_Circle_Stone.jpeg\" alt=\"\" class=\"wp-image-23\" style=\"aspect-ratio:1;width:111px\"\/><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-rudr-slide swiper-slide are-vertically-aligned-center\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"2048\" height=\"861\" src=\"https:\/\/demo.rudrastyh.com\/simple-carousel-block\/wp-content\/uploads\/sites\/3\/2025\/05\/kenzo.jpeg\" alt=\"\" class=\"wp-image-24\" style=\"width:225px\" srcset=\"https:\/\/demo.rudrastyh.com\/simple-carousel-block\/wp-content\/uploads\/sites\/3\/2025\/05\/kenzo.jpeg 2048w, https:\/\/demo.rudrastyh.com\/simple-carousel-block\/wp-content\/uploads\/sites\/3\/2025\/05\/kenzo-768x323.jpeg 768w, https:\/\/demo.rudrastyh.com\/simple-carousel-block\/wp-content\/uploads\/sites\/3\/2025\/05\/kenzo-1536x646.jpeg 1536w\" sizes=\"auto, (max-width: 2048px) 100vw, 2048px\" \/><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-rudr-slide swiper-slide are-vertically-aligned-center\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1439\" src=\"https:\/\/demo.rudrastyh.com\/simple-carousel-block\/wp-content\/uploads\/sites\/3\/2025\/05\/Logo-Tesla-scaled.jpeg\" alt=\"\" class=\"wp-image-25\" style=\"width:154px\" srcset=\"https:\/\/demo.rudrastyh.com\/simple-carousel-block\/wp-content\/uploads\/sites\/3\/2025\/05\/Logo-Tesla-scaled.jpeg 2560w, https:\/\/demo.rudrastyh.com\/simple-carousel-block\/wp-content\/uploads\/sites\/3\/2025\/05\/Logo-Tesla-768x432.jpeg 768w, https:\/\/demo.rudrastyh.com\/simple-carousel-block\/wp-content\/uploads\/sites\/3\/2025\/05\/Logo-Tesla-1536x864.jpeg 1536w, https:\/\/demo.rudrastyh.com\/simple-carousel-block\/wp-content\/uploads\/sites\/3\/2025\/05\/Logo-Tesla-2048x1151.jpeg 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-rudr-slide swiper-slide are-vertically-aligned-center\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"498\" height=\"151\" src=\"https:\/\/demo.rudrastyh.com\/simple-carousel-block\/wp-content\/uploads\/sites\/3\/2025\/05\/LL_thirdplace_logo_rf_black_short-site.png\" alt=\"\" class=\"wp-image-26\" style=\"width:244px\"\/><\/figure>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"content-sliders\" style=\"margin-top:var(--wp--preset--spacing--80)\">4. Content Sliders<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Of course, you can add to slides not only images but also some text content, headings and even apply some styles. <a href=\"https:\/\/rudrastyh.com\/plugins\/gutenberg-carousel-slider-block#block-styles\">There is a video<\/a> how I did the slider below.<\/p>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-rudr-carousel swiper\" data-swiper=\"{&quot;slidesPerView&quot;:1,&quot;autoplay&quot;:false,&quot;speed&quot;:300,&quot;spaceBetween&quot;:30,&quot;breakpoints&quot;:{&quot;578&quot;:{&quot;slidesPerView&quot;:2}},&quot;pagination&quot;:{&quot;el&quot;:&quot;.swiper-pagination&quot;,&quot;clickable&quot;:true},&quot;navigation&quot;:false,&quot;loop&quot;:false}\"><div class=\"swiper-wrapper\">\n<div class=\"wp-block-rudr-slide swiper-slide\" style=\"border-width:1px\">\n<figure class=\"wp-block-image size-thumbnail\" style=\"margin-top:0px;margin-bottom:0px\"><img loading=\"lazy\" decoding=\"async\" width=\"616\" height=\"616\" src=\"https:\/\/demo.rudrastyh.com\/simple-carousel-block\/wp-content\/uploads\/sites\/3\/2025\/05\/mountain-3-616x616.jpg\" alt=\"\" class=\"wp-image-9\"\/><\/figure>\n\n\n\n<div class=\"wp-block-group\" style=\"padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-f8f2108f wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Lorem ipsum<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Vestibulum vitae leo porttitor, maximus mi et, aliquet magna.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"#\">Read more \u2192<\/a><\/p>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-rudr-slide swiper-slide\" style=\"border-width:1px\">\n<figure class=\"wp-block-image size-thumbnail\" style=\"margin-top:0px;margin-bottom:0px\"><img loading=\"lazy\" decoding=\"async\" width=\"616\" height=\"616\" src=\"https:\/\/demo.rudrastyh.com\/simple-carousel-block\/wp-content\/uploads\/sites\/3\/2025\/05\/mountain-1-616x616.jpg\" alt=\"\" class=\"wp-image-11\"\/><\/figure>\n\n\n\n<div class=\"wp-block-group\" style=\"padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-f8f2108f wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\" style=\"padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px\">Dolor sit amet<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Cras lacinia id neque tempor dignissim. Nullam faucibus urna ac rutrum ultricies.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"#\">Read more \u2192<\/a><\/p>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-rudr-slide swiper-slide\" style=\"border-width:1px\">\n<figure class=\"wp-block-image size-thumbnail\" style=\"margin-top:0px;margin-bottom:0px\"><img loading=\"lazy\" decoding=\"async\" width=\"616\" height=\"616\" src=\"https:\/\/demo.rudrastyh.com\/simple-carousel-block\/wp-content\/uploads\/sites\/3\/2025\/05\/mountain-2-616x616.jpg\" alt=\"\" class=\"wp-image-12\"\/><\/figure>\n\n\n\n<div class=\"wp-block-group\" style=\"padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-f8f2108f wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Phasellus auctor dictum<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Curabitur suscipit convallis viverra. Nam lobortis diam quis ante elementum tincidunt.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"#\">Read more \u2192<\/a><\/p>\n<\/div><\/div>\n<\/div>\n<\/div><div class=\"swiper-pagination\"><\/div><\/div>\n\n\n\n<div style=\"height:59px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Have questions? <a href=\"https:\/\/rudrastyh.com\/contact?subject=4\">Feel free to ask<\/a>!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Table of contents 1. Image Carousel with Dots Navigation In this example we&#8217;re using different image sizes and proportions and it is totally okay because we have an option to align slides vertically in block settings. 2. Fullwidth Image Carousel with Autoscroll The plugin allows you to decide whether you would the carousel to be [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.rudrastyh.com\/simple-carousel-block\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.rudrastyh.com\/simple-carousel-block\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.rudrastyh.com\/simple-carousel-block\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.rudrastyh.com\/simple-carousel-block\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.rudrastyh.com\/simple-carousel-block\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":5,"href":"https:\/\/demo.rudrastyh.com\/simple-carousel-block\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":28,"href":"https:\/\/demo.rudrastyh.com\/simple-carousel-block\/wp-json\/wp\/v2\/pages\/2\/revisions\/28"}],"wp:attachment":[{"href":"https:\/\/demo.rudrastyh.com\/simple-carousel-block\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}