{"id":33,"date":"2023-03-28T22:09:14","date_gmt":"2023-03-28T20:09:14","guid":{"rendered":"https:\/\/www2.zpcmobydick.nl\/?p=33"},"modified":"2023-03-28T22:09:14","modified_gmt":"2023-03-28T20:09:14","slug":"bericht-nummer-2","status":"publish","type":"post","link":"https:\/\/www2.zpcmobydick.nl\/?p=33","title":{"rendered":"Bericht nummer 2"},"content":{"rendered":"\n<p>Dit is bericht nummer 2<\/p>\n\n\n\n<p>met een slider wellicht:<\/p>\n\n\n<style>#rpg-32 .img-slider-item .caption { background-color: #ffffff;  }#rpg-32 .img-slider-item .figc {color:#ffffff;}#rpg-32 .rpg-title {  font-size: 18px; }#rpg-32 { width:100%;}#rpg-32  p.description { color:#ffffff;font-size:14px; }#rpg-32  .rpg-title { color:#ffffff; }<\/style>\n\r\n\r\n\r\n\r\n<div id=\"rpg-32\" class=\"img-slider image-slider \" style=\"margin: 50px auto;\" data-config=\"{&quot;columns&quot;:12,&quot;gutter&quot;:8}\">\r\n\r\n\r\n<!-- Demo styles -->\r\n  <style>\r\n    \r\n    .swiper-container {\r\n      width: 100%;\r\n      height: 100%; \r\n      padding-right: 0px;\r\n      padding-left: 0px;\r\n      margin-right: auto;\r\n      margin-left: auto;\r\n    }\r\n    \r\n    \r\n\r\n    body.template-full-width .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide), body.template-full-width [class*=\"__inner-container\"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide)\r\n    {\r\n      max-width: max-content;\r\n    }\r\n\r\n    \/*.img-slider-swiper-button-next:after, .img-slider-swiper-button-prev:after {\r\n      font-size: 30px;\r\n      color: #000;\r\n      font-weight: bold;\r\n    }\r\n\r\n    .img-slider-swiper-button-prev{\r\n      width: 50px;\r\n      background: #fff;\r\n      background-position: -82px -22px;\r\n      height: 50px;\r\n      cursor: pointer;\r\n      top: 50%;\r\n      left: 30px;\r\n      margin-top: -25px;\r\n      position: absolute;\r\n      z-index: 110;\r\n    }\r\n\r\n    .img-slider-swiper-button-next{\r\n      right: 30px;\r\n      left: auto;\r\n      background-position: -81px -99px;\r\n      \r\n      width: 50px;\r\n      background: #fff;\r\n      height: 50px;\r\n      cursor: pointer;\r\n      top: 50%;\r\n      margin-top: -25px;\r\n      position: absolute;\r\n      z-index: 110;\r\n    }*\/\r\n\r\n    .img-slider-swiper-button-prev {\r\n        position: relative;\r\n        width: auto;\r\n        height: auto;\r\n        padding: 5px 20px !important;\r\n        background: transparent; \r\n        border-radius: 0%; \r\n        background-position: -82px -22px;\r\n        cursor: pointer;\r\n        top: 45%;\r\n        left: 30px;\r\n        margin-top: -25px;\r\n        position: absolute;\r\n        z-index: 110;\r\n    }\r\n\r\n    .img-slider-swiper-button-next {\r\n        position: relative;\r\n        right: 30px;\r\n        left: auto;\r\n        background-position: -81px -99px;\r\n        padding: 5px 20px !important;\r\n        width: auto;\r\n        height: auto;\r\n        background: transparent; \r\n        border-radius: 0%;\r\n        cursor: pointer;\r\n        top: 45%;\r\n        margin-top: -25px;\r\n        position: absolute;\r\n        z-index: 110;\r\n    }\r\n\r\n    .img-slider-swiper-button-next:after, .img-slider-swiper-button-prev:after{\r\n        font-size: 32px; \r\n        font-weight: bold;\r\n        color: #107eb6;  \r\n    }\r\n\r\n    .img-slider-swiper-button-prev:hover,\r\n    .img-slider-swiper-button-next:hover {\r\n        background: #107eb6;\r\n    }\r\n\r\n    .boxed-prev:hover .img-slider-swiper-button-prev:after,\r\n    .boxed-next:hover .img-slider-swiper-button-next:after{\r\n        color: #fff;\r\n    }\r\n\r\n    .img-slider .swiper-slide img{\r\n      width: 100%;\r\n      height: auto;\r\n      \r\n    }\r\n    \r\n  <\/style>\r\n\r\n<!-- Swiper -->\r\n<div class=\"swiper-container img-slider-swiper-auto\">\r\n   <div class=\"swiper-wrapper\">\r\n   \t\t\t\t\t\t\t\t\r\n\r\n \t\t\t\t\t\t\r\n \t\t\t\t\t\t<div class=\"swiper-slide\"><img src=\"https:\/\/www2.zpcmobydick.nl\/wp-content\/uploads\/2023\/03\/slider1-1.jpg\">\r\n                <div class=\"fullwidth-caption d-none d-md-block\">\r\n                    \r\n                                    <\/div>\r\n            <\/div>\r\n\r\n\t\t\t\t\t\t\t\t\r\n\r\n \t\t\t\t\t\t\r\n \t\t\t\t\t\t<div class=\"swiper-slide\"><img src=\"https:\/\/www2.zpcmobydick.nl\/wp-content\/uploads\/2023\/03\/slider2-1.jpg\">\r\n                <div class=\"fullwidth-caption d-none d-md-block\">\r\n                    \r\n                                    <\/div>\r\n            <\/div>\r\n\r\n\t\t\t\t\t\t\t\t\r\n\r\n \t\t\t\t\t\t\r\n \t\t\t\t\t\t<div class=\"swiper-slide\"><img src=\"https:\/\/www2.zpcmobydick.nl\/wp-content\/uploads\/2023\/03\/slider3-1.jpg\">\r\n                <div class=\"fullwidth-caption d-none d-md-block\">\r\n                    \r\n                                    <\/div>\r\n            <\/div>\r\n\r\n\t\t\r\n\t\t<\/div>\r\n          <!-- Add Pagination -->\r\n      <div class=\"swiper-pagination\"><\/div>\r\n      \r\n      <!-- Add Arrows -->\r\n      <div class=\"boxed-next\">\r\n        <div class=\"img-slider-swiper-button-next\"><\/div>\r\n      <\/div>\r\n      <div class=\"boxed-prev\">\r\n          <div class=\"img-slider-swiper-button-prev\"><\/div>\r\n      <\/div>\r\n       \r\n  <\/div>\r\n\r\n  <script type=\"text\/javascript\">\r\n\r\n    var auto_play = '1';\r\n    var slide_duration = '3000';\r\n\r\n    auto_play = (auto_play==1) ? { delay: slide_duration, disableOnInteraction: false,} : false;\r\n    \/\/console.log(auto_play);\r\n    \r\n    var swiper = new Swiper('.img-slider-swiper-auto', {\r\n      spaceBetween: 30,\r\n      \/\/effect: 'flip',\r\n      effect: 'fade',\/\/for fade effect\r\n      \/\/ effect: 'cube',\r\n      \/\/ cubeEffect: {\r\n      \/\/   shadow: true,\r\n      \/\/   slideShadows: true,\r\n      \/\/   shadowOffset: 20,\r\n      \/\/   shadowScale: 0.94,\r\n      \/\/ },\r\n\r\n      centeredSlides: true,\r\n      autoplay: auto_play,\r\n      pagination: {\r\n        el: '.swiper-pagination',\r\n        clickable: true,\r\n      },\r\n      navigation: {\r\n        nextEl: '.img-slider-swiper-button-next',\r\n        prevEl: '.img-slider-swiper-button-prev',\r\n      },\r\n      keyboard: {\r\n        enabled: true, \/\/for keyboard control\r\n      },\r\n    });\r\n  <\/script><\/div>\r\n\r\n\r\n\r\n\r\n\r\n\t\r\n\r\n\n","protected":false},"excerpt":{"rendered":"<p>Dit is bericht nummer 2 met een slider wellicht:<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[6],"tags":[],"_links":{"self":[{"href":"https:\/\/www2.zpcmobydick.nl\/index.php?rest_route=\/wp\/v2\/posts\/33"}],"collection":[{"href":"https:\/\/www2.zpcmobydick.nl\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www2.zpcmobydick.nl\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www2.zpcmobydick.nl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www2.zpcmobydick.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=33"}],"version-history":[{"count":1,"href":"https:\/\/www2.zpcmobydick.nl\/index.php?rest_route=\/wp\/v2\/posts\/33\/revisions"}],"predecessor-version":[{"id":34,"href":"https:\/\/www2.zpcmobydick.nl\/index.php?rest_route=\/wp\/v2\/posts\/33\/revisions\/34"}],"wp:attachment":[{"href":"https:\/\/www2.zpcmobydick.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=33"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www2.zpcmobydick.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=33"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www2.zpcmobydick.nl\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=33"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}