{"id":2855,"date":"2018-06-08T10:19:42","date_gmt":"2018-06-08T10:19:42","guid":{"rendered":"https:\/\/demo.yolotheme.com\/motor\/?page_id=2855"},"modified":"2018-06-08T10:19:42","modified_gmt":"2018-06-08T10:19:42","slug":"slider-layout","status":"publish","type":"page","link":"https:\/\/demo.yolotheme.com\/motor\/slider-layout\/","title":{"rendered":"Slider Layout"},"content":{"rendered":"<p>[vc_row layout=&#8221;wide&#8221;][vc_column]<div class=\"\">\r\n  <div class=\"portfolio-slide style-1\">\r\n      <!-- Portfolio Wrapper -->\r\n      <div class=\"portfolio-wrapper\">\r\n              <div class = \"portfolio-content\" id = \"portfolio-content-69d54ebbd116b\">\r\n           \r\n<div class=\"entry-content\" data-id = 2838>\r\n    <div class=\"entry-cat\">\r\n        <span class=\"category\"><span>Motor Style<\/span><\/span>\r\n    <\/div>\r\n    <h2><a href=\"https:\/\/demo.yolotheme.com\/motor\/portfolio\/motor-style-6\/\" class=\"entry-title\">Motor Style 6<\/a><\/h2>\r\n    <div class=\"entry-tag\"><span>Motor Style<\/span><\/div>\r\n<\/div> \r\n<div class=\"entry-content\" data-id = 2837>\r\n    <div class=\"entry-cat\">\r\n        <span class=\"category\"><span>Motor Style<\/span><\/span>\r\n    <\/div>\r\n    <h2><a href=\"https:\/\/demo.yolotheme.com\/motor\/portfolio\/motor-style-5\/\" class=\"entry-title\">Motor Style 5<\/a><\/h2>\r\n    <div class=\"entry-tag\"><span>Motor Style<\/span><\/div>\r\n<\/div> \r\n<div class=\"entry-content\" data-id = 2836>\r\n    <div class=\"entry-cat\">\r\n        <span class=\"category\"><span>Motor Style<\/span><\/span>\r\n    <\/div>\r\n    <h2><a href=\"https:\/\/demo.yolotheme.com\/motor\/portfolio\/motor-style-4\/\" class=\"entry-title\">Motor Style 4<\/a><\/h2>\r\n    <div class=\"entry-tag\"><span>Motor Style<\/span><\/div>\r\n<\/div> \r\n<div class=\"entry-content\" data-id = 2835>\r\n    <div class=\"entry-cat\">\r\n        <span class=\"category\"><span>Motor Style<\/span><\/span>\r\n    <\/div>\r\n    <h2><a href=\"https:\/\/demo.yolotheme.com\/motor\/portfolio\/motor-style-2\/\" class=\"entry-title\">Motor Style 2<\/a><\/h2>\r\n    <div class=\"entry-tag\"><span>Motor Style<\/span><\/div>\r\n<\/div>        <\/div>\r\n        <div class = \"portfolio-thumb swiper-container\"  id=\"portfolio-69d54ebbd116b\">\r\n          <div class=\"swiper-wrapper\">\r\n          \r\n<div class=\"portfolio-slider-item swiper-slide\" data-id = \"2838\">\r\n    <!-- Title top -->\r\n        <div class=\"entry-thumbnail\" data-id = 2838 style=\"background-image: url(https:\/\/demo.yolotheme.com\/motor\/wp-content\/uploads\/2018\/06\/19.jpg)\">\r\n    <\/div>\r\n<\/div>\r\n\r\n<div class=\"portfolio-slider-item swiper-slide\" data-id = \"2837\">\r\n    <!-- Title top -->\r\n        <div class=\"entry-thumbnail\" data-id = 2837 style=\"background-image: url(https:\/\/demo.yolotheme.com\/motor\/wp-content\/uploads\/2018\/06\/18.jpg)\">\r\n    <\/div>\r\n<\/div>\r\n\r\n<div class=\"portfolio-slider-item swiper-slide\" data-id = \"2836\">\r\n    <!-- Title top -->\r\n        <div class=\"entry-thumbnail\" data-id = 2836 style=\"background-image: url(https:\/\/demo.yolotheme.com\/motor\/wp-content\/uploads\/2018\/06\/17.jpg)\">\r\n    <\/div>\r\n<\/div>\r\n\r\n<div class=\"portfolio-slider-item swiper-slide\" data-id = \"2835\">\r\n    <!-- Title top -->\r\n        <div class=\"entry-thumbnail\" data-id = 2835 style=\"background-image: url(https:\/\/demo.yolotheme.com\/motor\/wp-content\/uploads\/2018\/06\/14.jpg)\">\r\n    <\/div>\r\n<\/div>\r\n          <\/div>\r\n          <div class=\"swiper-button-next swiper-button-black\">NEXT<\/div>\r\n                      <div class=\"swiper-scrollbar\"><\/div>\r\n                        <div class=\"swiper-button-prev swiper-button-black\">PREV<\/div>\r\n        <\/div>\r\n              <!-- <div class = \"portfolio-slide-2 swiper-container\"  id=\"portfolio-69d54ebbd116b\">\r\n          <div class=\"swiper-wrapper\"> -->\r\n                   <!--  <\/div>\r\n        <\/div> -->\r\n                    <\/div>\r\n      <!-- End Portfolio Wrap -->\r\n  <\/div>\r\n<\/div>\r\n<script async=\"async\" type=\"text\/javascript\">\r\n  (function ($) {\r\n    \"use strict\";\r\n    \/\/ $(document).ready(function () {\r\n    function portfolio_slide_1(){\r\n      var portfolio_id = $('.portfolio-thumb').attr('id');\r\n      var swiper = new Swiper('#' + portfolio_id, {\r\n        scrollbar: '.swiper-scrollbar',\r\n        slidesPerView: 'auto',\r\n        spaceBetween: 30,\r\n        nextButton: '.swiper-button-next',\r\n        prevButton: '.swiper-button-prev',\r\n        mousewheelControl: true,\r\n        freeMode: true,\r\n        loop: true,\r\n        onTouchMove: function (swiper, e){\r\n          portfolio_event();\r\n        },\r\n        onClick: function (swiper, e){\r\n          portfolio_event();\r\n        },\r\n        onProgress: function (swiper, progress){\r\n          portfolio_event();\r\n        }\r\n      });\r\n    }\r\n    function portfolio_slide_2(){\r\n      var portfolio_id = $('.portfolio-thumb').attr('id');\r\n      var swiper = new Swiper('#' + portfolio_id, {\r\n        effect: 'coverflow',\r\n        grabCursor: true,\r\n        centeredSlides: true,\r\n        slidesPerView: 'auto',\r\n        spaceBetween: 0,\r\n        nextButton: '.swiper-button-next',\r\n        prevButton: '.swiper-button-prev',\r\n        freeMode: true,\r\n        loop: true,\r\n        onTouchMove: function (swiper, e){\r\n          portfolio_event();\r\n        },\r\n        onClick: function (swiper, e){\r\n          portfolio_event();\r\n        },\r\n        onProgress: function (swiper, progress){\r\n          portfolio_event();\r\n        }\r\n      });\r\n    }\r\n    function portfolio_event(){\r\n      if($('.portfolio-slider-item').hasClass('swiper-slide-active')){\r\n        var pf_ct_id = $('.swiper-slide-active').attr('data-id');\r\n        $('#portfolio-content-69d54ebbd116b .entry-content').each(function(){\r\n          var pf_thb_id = $(this).attr('data-id');\r\n          if(pf_ct_id == pf_thb_id){\r\n            $(this).show();\r\n          }else{\r\n            $(this).hide();\r\n          }\r\n        })\r\n      }\r\n    }\r\n    $(document).ready(function () {\r\n              portfolio_slide_1();\r\n        portfolio_event();\r\n          });\r\n  })(jQuery);\r\n<\/script>[\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[vc_row layout=&#8221;wide&#8221;][vc_column][\/vc_column][\/vc_row]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/demo.yolotheme.com\/motor\/wp-json\/wp\/v2\/pages\/2855"}],"collection":[{"href":"https:\/\/demo.yolotheme.com\/motor\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.yolotheme.com\/motor\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.yolotheme.com\/motor\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.yolotheme.com\/motor\/wp-json\/wp\/v2\/comments?post=2855"}],"version-history":[{"count":0,"href":"https:\/\/demo.yolotheme.com\/motor\/wp-json\/wp\/v2\/pages\/2855\/revisions"}],"wp:attachment":[{"href":"https:\/\/demo.yolotheme.com\/motor\/wp-json\/wp\/v2\/media?parent=2855"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}