{"id":4818,"date":"2023-12-10T03:14:53","date_gmt":"2023-12-10T03:14:53","guid":{"rendered":"https:\/\/innovat.themewant.com\/?page_id=4818"},"modified":"2024-01-17T03:43:46","modified_gmt":"2024-01-17T03:43:46","slug":"carousel-slider-showcase","status":"publish","type":"page","link":"https:\/\/themewant.com\/products\/wordpress\/innovat\/dark\/carousel-slider-showcase\/","title":{"rendered":"Carousel Slider &#8211; Showcase"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4818\" class=\"elementor elementor-4818\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1e506f6 e-con-full e-flex e-con e-parent\" data-id=\"1e506f6\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\r\n\r\n\t\t<div class=\"elementor-element elementor-element-c5d9f99 elementor-widget elementor-widget-rt-portfolio-slider\" data-id=\"c5d9f99\" data-element_type=\"widget\" data-widget_type=\"rt-portfolio-slider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t        \r\n        <div class=\"rt-portfolio-slider-wrapper style6 rt-portfolio-slider-wrapper-27662\">\r\n                \r\n                                    <div class=\"swiper  rt-portfolio--slider rtaddon-portfolio-slider-27662  rsaddon-unique-slider rs-addon-slider rt-portfolio-slider rt-portfolio rt-portfolio-style6 slider-style-6 center-mode-false\">\r\n                    \r\n                        <div class=\"swiper-wrapper\">\r\n                            \t<div class=\"portfolio-item portfolio-item swiper-slide\">\r\n\t\t<div class=\"portfolio-inner\">\r\n\t\t\t<div class=\"inner-content\">\r\n\t\t\t\t<span class=\"number\">01<\/span>\r\n\t\t\t\t<div class=\"content\">\r\n\t\t\t\t\t<a href=\"https:\/\/themewant.com\/products\/wordpress\/innovat\/dark\/rt-portfolios\/living-room-interior-2\/\" class=\"post-link\">\r\n\t\t\t\t\t\t<h5 class=\"title\">living room interior<\/h5>\r\n\t\t\t\t\t<\/a>\r\n\t\t\t\t\t<span class=\"category\"> <a href=\"https:\/\/themewant.com\/products\/wordpress\/innovat\/dark\/rt-portfolio-category\/interior-design\/\" rel=\"tag\">Interior Design<\/a><\/span>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"big-thumbnail-area\">\r\n\t\t\t\t\t<a href=\"https:\/\/themewant.com\/products\/wordpress\/innovat\/dark\/rt-portfolios\/living-room-interior-2\/\" class=\"thumbnail\">\r\n\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"480\" height=\"800\" src=\"https:\/\/themewant.com\/products\/wordpress\/innovat\/dark\/wp-content\/uploads\/sites\/2\/2023\/11\/04.jpg\" class=\"attachment-innovat_480_800 size-innovat_480_800 wp-post-image\" alt=\"\" srcset=\"https:\/\/themewant.com\/products\/wordpress\/innovat\/dark\/wp-content\/uploads\/sites\/2\/2023\/11\/04.jpg 480w, https:\/\/themewant.com\/products\/wordpress\/innovat\/dark\/wp-content\/uploads\/sites\/2\/2023\/11\/04-180x300.jpg 180w\" sizes=\"(max-width: 480px) 100vw, 480px\" \/>\t\t\t\t\t\t\t\t\t\t<\/a>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\r\n\t\t<div class=\"portfolio-item portfolio-item swiper-slide\">\r\n\t\t<div class=\"portfolio-inner\">\r\n\t\t\t<div class=\"inner-content\">\r\n\t\t\t\t<span class=\"number\">02<\/span>\r\n\t\t\t\t<div class=\"content\">\r\n\t\t\t\t\t<a href=\"https:\/\/themewant.com\/products\/wordpress\/innovat\/dark\/rt-portfolios\/design-portfolio-more-2\/\" class=\"post-link\">\r\n\t\t\t\t\t\t<h5 class=\"title\">Design Portfolio more<\/h5>\r\n\t\t\t\t\t<\/a>\r\n\t\t\t\t\t<span class=\"category\"> <a href=\"https:\/\/themewant.com\/products\/wordpress\/innovat\/dark\/rt-portfolio-category\/interior-design\/\" rel=\"tag\">Interior Design<\/a><\/span>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"big-thumbnail-area\">\r\n\t\t\t\t\t<a href=\"https:\/\/themewant.com\/products\/wordpress\/innovat\/dark\/rt-portfolios\/design-portfolio-more-2\/\" class=\"thumbnail\">\r\n\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"480\" height=\"800\" src=\"https:\/\/themewant.com\/products\/wordpress\/innovat\/dark\/wp-content\/uploads\/sites\/2\/2023\/11\/i1mg-1-480x800.jpg\" class=\"attachment-innovat_480_800 size-innovat_480_800 wp-post-image\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t<\/a>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\r\n\t\t<div class=\"portfolio-item portfolio-item swiper-slide\">\r\n\t\t<div class=\"portfolio-inner\">\r\n\t\t\t<div class=\"inner-content\">\r\n\t\t\t\t<span class=\"number\">03<\/span>\r\n\t\t\t\t<div class=\"content\">\r\n\t\t\t\t\t<a href=\"https:\/\/themewant.com\/products\/wordpress\/innovat\/dark\/rt-portfolios\/dining-room-interior\/\" class=\"post-link\">\r\n\t\t\t\t\t\t<h5 class=\"title\">Dining Room Interior<\/h5>\r\n\t\t\t\t\t<\/a>\r\n\t\t\t\t\t<span class=\"category\"> <a href=\"https:\/\/themewant.com\/products\/wordpress\/innovat\/dark\/rt-portfolio-category\/interior-design\/\" rel=\"tag\">Interior Design<\/a><\/span>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"big-thumbnail-area\">\r\n\t\t\t\t\t<a href=\"https:\/\/themewant.com\/products\/wordpress\/innovat\/dark\/rt-portfolios\/dining-room-interior\/\" class=\"thumbnail\">\r\n\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"480\" height=\"800\" src=\"https:\/\/themewant.com\/products\/wordpress\/innovat\/dark\/wp-content\/uploads\/sites\/2\/2023\/11\/02.jpg\" class=\"attachment-innovat_480_800 size-innovat_480_800 wp-post-image\" alt=\"\" srcset=\"https:\/\/themewant.com\/products\/wordpress\/innovat\/dark\/wp-content\/uploads\/sites\/2\/2023\/11\/02.jpg 480w, https:\/\/themewant.com\/products\/wordpress\/innovat\/dark\/wp-content\/uploads\/sites\/2\/2023\/11\/02-180x300.jpg 180w\" sizes=\"(max-width: 480px) 100vw, 480px\" \/>\t\t\t\t\t\t\t\t\t\t<\/a>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\r\n\t\t<div class=\"portfolio-item portfolio-item swiper-slide\">\r\n\t\t<div class=\"portfolio-inner\">\r\n\t\t\t<div class=\"inner-content\">\r\n\t\t\t\t<span class=\"number\">04<\/span>\r\n\t\t\t\t<div class=\"content\">\r\n\t\t\t\t\t<a href=\"https:\/\/themewant.com\/products\/wordpress\/innovat\/dark\/rt-portfolios\/coding-creations-morp\/\" class=\"post-link\">\r\n\t\t\t\t\t\t<h5 class=\"title\">Coding Creations Morp<\/h5>\r\n\t\t\t\t\t<\/a>\r\n\t\t\t\t\t<span class=\"category\"> <a href=\"https:\/\/themewant.com\/products\/wordpress\/innovat\/dark\/rt-portfolio-category\/interior-design\/\" rel=\"tag\">Interior Design<\/a><\/span>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"big-thumbnail-area\">\r\n\t\t\t\t\t<a href=\"https:\/\/themewant.com\/products\/wordpress\/innovat\/dark\/rt-portfolios\/coding-creations-morp\/\" class=\"thumbnail\">\r\n\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"480\" height=\"800\" src=\"https:\/\/themewant.com\/products\/wordpress\/innovat\/dark\/wp-content\/uploads\/sites\/2\/2023\/11\/04.jpg\" class=\"attachment-innovat_480_800 size-innovat_480_800 wp-post-image\" alt=\"\" srcset=\"https:\/\/themewant.com\/products\/wordpress\/innovat\/dark\/wp-content\/uploads\/sites\/2\/2023\/11\/04.jpg 480w, https:\/\/themewant.com\/products\/wordpress\/innovat\/dark\/wp-content\/uploads\/sites\/2\/2023\/11\/04-180x300.jpg 180w\" sizes=\"(max-width: 480px) 100vw, 480px\" \/>\t\t\t\t\t\t\t\t\t\t<\/a>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\r\n\t\t<div class=\"portfolio-item portfolio-item swiper-slide\">\r\n\t\t<div class=\"portfolio-inner\">\r\n\t\t\t<div class=\"inner-content\">\r\n\t\t\t\t<span class=\"number\">05<\/span>\r\n\t\t\t\t<div class=\"content\">\r\n\t\t\t\t\t<a href=\"https:\/\/themewant.com\/products\/wordpress\/innovat\/dark\/rt-portfolios\/filmography-reel\/\" class=\"post-link\">\r\n\t\t\t\t\t\t<h5 class=\"title\">Filmography Reel<\/h5>\r\n\t\t\t\t\t<\/a>\r\n\t\t\t\t\t<span class=\"category\"> <a href=\"https:\/\/themewant.com\/products\/wordpress\/innovat\/dark\/rt-portfolio-category\/interior-design\/\" rel=\"tag\">Interior Design<\/a><\/span>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"big-thumbnail-area\">\r\n\t\t\t\t\t<a href=\"https:\/\/themewant.com\/products\/wordpress\/innovat\/dark\/rt-portfolios\/filmography-reel\/\" class=\"thumbnail\">\r\n\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"480\" height=\"800\" src=\"https:\/\/themewant.com\/products\/wordpress\/innovat\/dark\/wp-content\/uploads\/sites\/2\/2023\/11\/03.jpg\" class=\"attachment-innovat_480_800 size-innovat_480_800 wp-post-image\" alt=\"\" srcset=\"https:\/\/themewant.com\/products\/wordpress\/innovat\/dark\/wp-content\/uploads\/sites\/2\/2023\/11\/03.jpg 480w, https:\/\/themewant.com\/products\/wordpress\/innovat\/dark\/wp-content\/uploads\/sites\/2\/2023\/11\/03-180x300.jpg 180w\" sizes=\"(max-width: 480px) 100vw, 480px\" \/>\t\t\t\t\t\t\t\t\t\t<\/a>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\r\n\t  \r\n                        <\/div>\r\n\r\n                                            <\/div>\r\n                                    <div class=\"portfolio-slider-nav slider6\">\r\n                        <div class=\"swiper-button-prev\">\r\n                            <i class=\"rt-arrow-left\"><\/i>\r\n                            Previous                        <\/div>\r\n                        <div class=\"swiper-button-next\">\r\n                            Next                            <i class=\"rt-arrow-right\"><\/i>\r\n                        <\/div>\r\n                    <\/div>\r\n                \r\n                                \r\n                                        <div class=\"pagination-left-banner-one\">\r\n                            <div class=\"activeslide\">01<\/div>\r\n                            <div class=\"swiper-paginations swiper-pagination-new\"><\/div>\r\n                            <div class=\"totalslide\">03<\/div>\r\n                        <\/div>\r\n                                                    \r\n                \r\n        <\/div>\r\n\r\n\r\n        <script type=\"text\/javascript\">\r\n        (function ($) {\r\n            jQuery(document).ready(function() {\r\n                var portfolioSwiper = new Swiper(\".rtaddon-portfolio-slider-27662\", {\r\n                    slidesPerView: 4,\r\n                                        speed: 1500,\r\n                    loop: true,\r\n                    autoplay: false,\r\n                    spaceBetween: 0,\r\n                    centeredSlides: false,\r\n                    direction: \"horizontal\",\r\n                                                                navigation: {\r\n                            nextEl: \".swiper-button-next\",\r\n                            prevEl: \".swiper-button-prev\",\r\n                        },\r\n                                                                pagination: {\r\n                            el: \".swiper-pagination-new\",\r\n                            clickable: true,\r\n                            type: \"progressbar\"                            \r\n                        },\r\n                                                                    keyboard: {\r\n                            enabled: true,\r\n                            onlyInViewport: true,\r\n                            },\r\n                            mousewheel: {\r\n                                invert: true,\r\n                            },\r\n                    \r\n                  \r\n\r\n                    breakpoints: {\r\n                        0: {\r\n                            slidesPerView: 1,\r\n                        },\r\n                        575: { slidesPerView: 1 },768: { slidesPerView: 2 },991: { slidesPerView: 3 },1199: { slidesPerView: 4 },                        1399: {\r\n                            slidesPerView: 4,\r\n                            spaceBetween: 0                        }\r\n                    }\r\n                });\r\n\r\n\r\n                                     portfolioSwiper.on('slideChange', function () {\r\n                            var activeslide = portfolioSwiper.realIndex;\r\n                            var totalslide = portfolioSwiper.slides.length;\r\n                            console.log(activeslide);\r\n                            $(\".rt-portfolio-slider-wrapper-27662 .activeslide\").html('0' + (activeslide + 1));\r\n                            $(\".rt-portfolio-slider-wrapper-27662 .totalslide\").html('0' + (totalslide-8));\r\n                        });\r\n                                \r\n            });\r\n\r\n        })(jQuery, window)\r\n\r\n<\/script>       \r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>01 living room interior Interior Design 02 Design Portfolio more Interior Design 03 Dining Room Interior Interior Design 04 Coding Creations Morp Interior Design 05 Filmography Reel Interior Design Previous Next 01 03<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/themewant.com\/products\/wordpress\/innovat\/dark\/wp-json\/wp\/v2\/pages\/4818"}],"collection":[{"href":"https:\/\/themewant.com\/products\/wordpress\/innovat\/dark\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/themewant.com\/products\/wordpress\/innovat\/dark\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/themewant.com\/products\/wordpress\/innovat\/dark\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewant.com\/products\/wordpress\/innovat\/dark\/wp-json\/wp\/v2\/comments?post=4818"}],"version-history":[{"count":0,"href":"https:\/\/themewant.com\/products\/wordpress\/innovat\/dark\/wp-json\/wp\/v2\/pages\/4818\/revisions"}],"wp:attachment":[{"href":"https:\/\/themewant.com\/products\/wordpress\/innovat\/dark\/wp-json\/wp\/v2\/media?parent=4818"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}