{"id":5129,"date":"2023-12-11T06:27:58","date_gmt":"2023-12-11T06:27:58","guid":{"rendered":"https:\/\/innovat.themewant.com\/?page_id=5129"},"modified":"2024-01-15T05:24:35","modified_gmt":"2024-01-15T05:24:35","slug":"modern-slider-showcase","status":"publish","type":"page","link":"https:\/\/themewant.com\/products\/wordpress\/innovat\/dark\/modern-slider-showcase\/","title":{"rendered":"Modern Slider Tab Showcase"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5129\" class=\"elementor elementor-5129\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0c4e313 e-flex e-con-boxed e-con e-parent\" data-id=\"0c4e313\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\r\n\r\n\t\t<div class=\"elementor-element elementor-element-6029083 elementor-widget elementor-widget-rt-portfolio-slider\" data-id=\"6029083\" 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 style2 our-latest-project-area rt-portfolio-slider-wrapper-30875\">\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                        <\/div>\r\n                    \r\n                                    <div class=\"swiper has-overflow rt-portfolio--slider rtaddon-portfolio-slider-30875  rsaddon-unique-slider rs-addon-slider rt-portfolio-slider rt-portfolio rt-portfolio-style2 slider-style-2 center-mode-true\">\r\n                    \r\n                        <div class=\"swiper-wrapper\">\r\n                            \r\n\r\n\t<div class=\"portfolio-item swiper-slide\">\r\n\t\t<!-- single case air condition start-->\r\n\t\t<div class=\"portfolio-inner\">\r\n\t\t\t<div class=\"inner-content\">\r\n\t\t\t<a href=\"https:\/\/themewant.com\/products\/wordpress\/innovat\/dark\/rt-portfolios\/living-room-interior\/\" class=\"thumbnail\">\r\n\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1320\" height=\"660\" src=\"https:\/\/themewant.com\/products\/wordpress\/innovat\/dark\/wp-content\/uploads\/sites\/2\/2023\/11\/05-2.jpg\" class=\"attachment-full size-full wp-post-image\" alt=\"\" srcset=\"https:\/\/themewant.com\/products\/wordpress\/innovat\/dark\/wp-content\/uploads\/sites\/2\/2023\/11\/05-2.jpg 1320w, https:\/\/themewant.com\/products\/wordpress\/innovat\/dark\/wp-content\/uploads\/sites\/2\/2023\/11\/05-2-300x150.jpg 300w, https:\/\/themewant.com\/products\/wordpress\/innovat\/dark\/wp-content\/uploads\/sites\/2\/2023\/11\/05-2-1024x512.jpg 1024w, https:\/\/themewant.com\/products\/wordpress\/innovat\/dark\/wp-content\/uploads\/sites\/2\/2023\/11\/05-2-768x384.jpg 768w\" sizes=\"(max-width: 1320px) 100vw, 1320px\" \/>\t\t\t\t\t\t<\/a>\r\n\t\t\t<\/div>\r\n\t\t\t\r\n\t\t\t\r\n\t\t<\/div>\r\n\t\t<!-- single case air condition end -->\r\n\t<\/div>\r\n\r\n\r\n\r\n\r\n\t<div class=\"portfolio-item swiper-slide\">\r\n\t\t<!-- single case air condition start-->\r\n\t\t<div class=\"portfolio-inner\">\r\n\t\t\t<div class=\"inner-content\">\r\n\t\t\t<a href=\"https:\/\/themewant.com\/products\/wordpress\/innovat\/dark\/rt-portfolios\/kitchen-room-interior\/\" class=\"thumbnail\">\r\n\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1320\" height=\"660\" src=\"https:\/\/themewant.com\/products\/wordpress\/innovat\/dark\/wp-content\/uploads\/sites\/2\/2023\/11\/15-1.jpg\" class=\"attachment-full size-full wp-post-image\" alt=\"\" srcset=\"https:\/\/themewant.com\/products\/wordpress\/innovat\/dark\/wp-content\/uploads\/sites\/2\/2023\/11\/15-1.jpg 1320w, https:\/\/themewant.com\/products\/wordpress\/innovat\/dark\/wp-content\/uploads\/sites\/2\/2023\/11\/15-1-300x150.jpg 300w, https:\/\/themewant.com\/products\/wordpress\/innovat\/dark\/wp-content\/uploads\/sites\/2\/2023\/11\/15-1-1024x512.jpg 1024w, https:\/\/themewant.com\/products\/wordpress\/innovat\/dark\/wp-content\/uploads\/sites\/2\/2023\/11\/15-1-768x384.jpg 768w\" sizes=\"(max-width: 1320px) 100vw, 1320px\" \/>\t\t\t\t\t\t<\/a>\r\n\t\t\t<\/div>\r\n\t\t\t\r\n\t\t\t\r\n\t\t<\/div>\r\n\t\t<!-- single case air condition end -->\r\n\t<\/div>\r\n\r\n\r\n\r\n\r\n\t<div class=\"portfolio-item swiper-slide\">\r\n\t\t<!-- single case air condition start-->\r\n\t\t<div class=\"portfolio-inner\">\r\n\t\t\t<div class=\"inner-content\">\r\n\t\t\t<a href=\"https:\/\/themewant.com\/products\/wordpress\/innovat\/dark\/rt-portfolios\/bathroom-interior\/\" class=\"thumbnail\">\r\n\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1320\" height=\"660\" src=\"https:\/\/themewant.com\/products\/wordpress\/innovat\/dark\/wp-content\/uploads\/sites\/2\/2023\/11\/16-1.jpg\" class=\"attachment-full size-full wp-post-image\" alt=\"\" srcset=\"https:\/\/themewant.com\/products\/wordpress\/innovat\/dark\/wp-content\/uploads\/sites\/2\/2023\/11\/16-1.jpg 1320w, https:\/\/themewant.com\/products\/wordpress\/innovat\/dark\/wp-content\/uploads\/sites\/2\/2023\/11\/16-1-300x150.jpg 300w, https:\/\/themewant.com\/products\/wordpress\/innovat\/dark\/wp-content\/uploads\/sites\/2\/2023\/11\/16-1-1024x512.jpg 1024w, https:\/\/themewant.com\/products\/wordpress\/innovat\/dark\/wp-content\/uploads\/sites\/2\/2023\/11\/16-1-768x384.jpg 768w\" sizes=\"(max-width: 1320px) 100vw, 1320px\" \/>\t\t\t\t\t\t<\/a>\r\n\t\t\t<\/div>\r\n\t\t\t\r\n\t\t\t\r\n\t\t<\/div>\r\n\t\t<!-- single case air condition end -->\r\n\t<\/div>\r\n\r\n\r\n\r\n                        <\/div>\r\n\r\n                                            <\/div>\r\n                \r\n                                \r\n                                                \r\n                <!-- outer-text product area -->\r\n<div class=\"portfolio-outer-text-swiper-wrapper\">\r\n    <div class=\"swiper portfolio-outer-text-swiper\">\r\n        <div class=\"swiper-wrapper\">\r\n                    <div class=\"swiper-slide portfolio-item\">\r\n                <div class=\"inner-content\">\r\n                    <!-- single outer text -->\r\n                    <div class=\"outer-product-text\">\r\n                        <a href=\"https:\/\/themewant.com\/products\/wordpress\/innovat\/dark\/rt-portfolios\/living-room-interior\/\">\r\n                            <h2 class=\"title title-change-one\">living room Interior<\/h2>\r\n                        <\/a>\r\n                    <\/div>\r\n                    <!-- single outer text end -->\r\n                <\/div>\r\n            <\/div>\r\n\r\n                        <div class=\"swiper-slide portfolio-item\">\r\n                <div class=\"inner-content\">\r\n                    <!-- single outer text -->\r\n                    <div class=\"outer-product-text\">\r\n                        <a href=\"https:\/\/themewant.com\/products\/wordpress\/innovat\/dark\/rt-portfolios\/kitchen-room-interior\/\">\r\n                            <h2 class=\"title title-change-one\">Kitchen room Interior<\/h2>\r\n                        <\/a>\r\n                    <\/div>\r\n                    <!-- single outer text end -->\r\n                <\/div>\r\n            <\/div>\r\n\r\n                        <div class=\"swiper-slide portfolio-item\">\r\n                <div class=\"inner-content\">\r\n                    <!-- single outer text -->\r\n                    <div class=\"outer-product-text\">\r\n                        <a href=\"https:\/\/themewant.com\/products\/wordpress\/innovat\/dark\/rt-portfolios\/bathroom-interior\/\">\r\n                            <h2 class=\"title title-change-one\">Bathroom Interior<\/h2>\r\n                        <\/a>\r\n                    <\/div>\r\n                    <!-- single outer text end -->\r\n                <\/div>\r\n            <\/div>\r\n\r\n                    <\/div>\r\n    <\/div>\r\n<\/div>\r\n<!-- outer-text product area end -->\r\n\r\n<script>\r\n    (function ($) {\r\n        jQuery(document).ready(function() {\r\n            $('.title-change-one').html(function(){\t\r\n                \/\/ separate the text by spaces\r\n                var text= $(this).text().split(' ');\r\n                \/\/ drop the last word and store it in a variable\r\n                var last = text.pop();\r\n                \/\/ join the text back and if it has more than 1 word add the span tag\r\n                \/\/ to the last word\r\n                return text.join(\" \") + (text.length > 0 ? ' <span class=\"last\">'+last+'<\/span>' : last);   \r\n            });\r\n\r\n        });\r\n\r\n})(jQuery, window)\r\n<\/script>\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-30875\", {\r\n                    slidesPerView: 1,\r\n                                        speed: 1500,\r\n                    loop: true,\r\n                    autoplay: false,\r\n                    spaceBetween: 0,\r\n                    centeredSlides: true,\r\n                    direction: \"horizontal\",\r\n                    mousewheel: true,                                                                pagination: {\r\n                            el: \".swiper-pagination-new\",\r\n                            clickable: true,\r\n                            type: \"progressbar\"                            \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: 1 },991: { slidesPerView: 1 },1199: { slidesPerView: 1 },                        1399: {\r\n                            slidesPerView: 1,\r\n                            spaceBetween: 0                        }\r\n                    }\r\n                });\r\n\r\n\r\n                                    \/\/ Text Slider\r\n                        var sliderFour = new Swiper(\".portfolio-outer-text-swiper\", {\r\n                            slidesPerView: 1,\r\n                            spaceBetween: 20,\r\n                            speed: 1500,\r\n                            loop: true,\r\n                            autoplay: false,\r\n                        });\r\n                        portfolioSwiper.controller.control = sliderFour;\r\n                        sliderFour.controller.control = portfolioSwiper;\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-30875 .activeslide\").html('0' + (activeslide + 1));\r\n                            $(\".rt-portfolio-slider-wrapper-30875 .totalslide\").html('0' + (totalslide));\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\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>01 03 living room Interior Kitchen room Interior Bathroom Interior<\/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\/5129"}],"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=5129"}],"version-history":[{"count":0,"href":"https:\/\/themewant.com\/products\/wordpress\/innovat\/dark\/wp-json\/wp\/v2\/pages\/5129\/revisions"}],"wp:attachment":[{"href":"https:\/\/themewant.com\/products\/wordpress\/innovat\/dark\/wp-json\/wp\/v2\/media?parent=5129"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}