{"id":123,"date":"2021-10-07T10:58:47","date_gmt":"2021-10-07T08:58:47","guid":{"rendered":"https:\/\/bekatec-baukasten.de\/04\/?page_id=123"},"modified":"2022-05-17T14:27:53","modified_gmt":"2022-05-17T12:27:53","slug":"galerie","status":"publish","type":"page","link":"https:\/\/bekatec-baukasten.de\/04\/galerie\/","title":{"rendered":"Galerie"},"content":{"rendered":"\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped mt-4 bkgallery wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"667\" data-id=\"188\" src=\"https:\/\/bekatec-baukasten.de\/04\/wp-content\/uploads\/sites\/7\/2021\/10\/BeKaTec_Website-Builder_04_Artist_Galerie_1.jpg\" alt=\"\" class=\"wp-image-188\" srcset=\"https:\/\/bekatec-baukasten.de\/04\/wp-content\/uploads\/sites\/7\/2021\/10\/BeKaTec_Website-Builder_04_Artist_Galerie_1.jpg 1000w, https:\/\/bekatec-baukasten.de\/04\/wp-content\/uploads\/sites\/7\/2021\/10\/BeKaTec_Website-Builder_04_Artist_Galerie_1-300x200.jpg 300w, https:\/\/bekatec-baukasten.de\/04\/wp-content\/uploads\/sites\/7\/2021\/10\/BeKaTec_Website-Builder_04_Artist_Galerie_1-768x512.jpg 768w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"668\" height=\"1000\" data-id=\"189\" src=\"https:\/\/bekatec-baukasten.de\/04\/wp-content\/uploads\/sites\/7\/2021\/10\/BeKaTec_Website-Builder_04_Artist_Galerie_2.jpg\" alt=\"\" class=\"wp-image-189\" srcset=\"https:\/\/bekatec-baukasten.de\/04\/wp-content\/uploads\/sites\/7\/2021\/10\/BeKaTec_Website-Builder_04_Artist_Galerie_2.jpg 668w, https:\/\/bekatec-baukasten.de\/04\/wp-content\/uploads\/sites\/7\/2021\/10\/BeKaTec_Website-Builder_04_Artist_Galerie_2-200x300.jpg 200w\" sizes=\"(max-width: 668px) 100vw, 668px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"563\" data-id=\"190\" src=\"https:\/\/bekatec-baukasten.de\/04\/wp-content\/uploads\/sites\/7\/2021\/10\/BeKaTec_Website-Builder_04_Artist_Galerie_3.jpg\" alt=\"\" class=\"wp-image-190\" srcset=\"https:\/\/bekatec-baukasten.de\/04\/wp-content\/uploads\/sites\/7\/2021\/10\/BeKaTec_Website-Builder_04_Artist_Galerie_3.jpg 1000w, https:\/\/bekatec-baukasten.de\/04\/wp-content\/uploads\/sites\/7\/2021\/10\/BeKaTec_Website-Builder_04_Artist_Galerie_3-300x169.jpg 300w, https:\/\/bekatec-baukasten.de\/04\/wp-content\/uploads\/sites\/7\/2021\/10\/BeKaTec_Website-Builder_04_Artist_Galerie_3-768x432.jpg 768w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"668\" data-id=\"191\" src=\"https:\/\/bekatec-baukasten.de\/04\/wp-content\/uploads\/sites\/7\/2021\/10\/BeKaTec_Website-Builder_04_Artist_Galerie_4.jpg\" alt=\"\" class=\"wp-image-191\" srcset=\"https:\/\/bekatec-baukasten.de\/04\/wp-content\/uploads\/sites\/7\/2021\/10\/BeKaTec_Website-Builder_04_Artist_Galerie_4.jpg 1000w, https:\/\/bekatec-baukasten.de\/04\/wp-content\/uploads\/sites\/7\/2021\/10\/BeKaTec_Website-Builder_04_Artist_Galerie_4-300x200.jpg 300w, https:\/\/bekatec-baukasten.de\/04\/wp-content\/uploads\/sites\/7\/2021\/10\/BeKaTec_Website-Builder_04_Artist_Galerie_4-768x513.jpg 768w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"819\" height=\"1024\" data-id=\"192\" src=\"https:\/\/bekatec-baukasten.de\/04\/wp-content\/uploads\/sites\/7\/2021\/10\/BeKaTec_Website-Builder_04_Artist_Galerie_5-819x1024.jpg\" alt=\"\" class=\"wp-image-192\" srcset=\"https:\/\/bekatec-baukasten.de\/04\/wp-content\/uploads\/sites\/7\/2021\/10\/BeKaTec_Website-Builder_04_Artist_Galerie_5-819x1024.jpg 819w, https:\/\/bekatec-baukasten.de\/04\/wp-content\/uploads\/sites\/7\/2021\/10\/BeKaTec_Website-Builder_04_Artist_Galerie_5-240x300.jpg 240w, https:\/\/bekatec-baukasten.de\/04\/wp-content\/uploads\/sites\/7\/2021\/10\/BeKaTec_Website-Builder_04_Artist_Galerie_5-768x960.jpg 768w, https:\/\/bekatec-baukasten.de\/04\/wp-content\/uploads\/sites\/7\/2021\/10\/BeKaTec_Website-Builder_04_Artist_Galerie_5.jpg 1000w\" sizes=\"(max-width: 819px) 100vw, 819px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"667\" data-id=\"193\" src=\"https:\/\/bekatec-baukasten.de\/04\/wp-content\/uploads\/sites\/7\/2021\/10\/BeKaTec_Website-Builder_04_Artist_Galerie_6.jpg\" alt=\"\" class=\"wp-image-193\" srcset=\"https:\/\/bekatec-baukasten.de\/04\/wp-content\/uploads\/sites\/7\/2021\/10\/BeKaTec_Website-Builder_04_Artist_Galerie_6.jpg 1000w, https:\/\/bekatec-baukasten.de\/04\/wp-content\/uploads\/sites\/7\/2021\/10\/BeKaTec_Website-Builder_04_Artist_Galerie_6-300x200.jpg 300w, https:\/\/bekatec-baukasten.de\/04\/wp-content\/uploads\/sites\/7\/2021\/10\/BeKaTec_Website-Builder_04_Artist_Galerie_6-768x512.jpg 768w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n<\/figure>\n\n\n\n<div class=\"modal fade\" id=\"galerieModal\" tabindex=\"-1\" aria-labelledby=\"galerieModalLabel\" aria-hidden=\"true\">\n\n<div class=\"modal-header\">\n<button type=\"button\" class=\"close\" data-bs-dismiss=\"modal\" aria-label=\"Close\">\n<i class=\"fas fa-times-circle\"><\/i>\n<\/button>\n<\/div>\n\n    <div class=\"modal-dialog modal-dialog-centered modal-xl\">\n\n        <div class=\"modal-content\">\n\n    <a class=\"carousel-control-next\" href=\"#carouselExampleControls\" role=\"button\" data-bs-slide=\"next\">\n        <i class=\"fas fa-arrow-circle-right\"><\/i>\n    <\/a>\n\n            <div class=\"modal-body\" style=\"width:100%;\">\n                <div id=\"carouselExampleControls\" class=\"carousel slide carousel-slide\" data-interval=\"0\" data-bs-ride=\"carousel\" data-ride=\"carousel\">\n                    <div class=\"carousel-inner d-flex align-items-center\">\n                    <\/div>\n                <\/div>\n            <\/div>\n\n    <a class=\"carousel-control-prev\" href=\"#carouselExampleControls\" role=\"button\" data-bs-slide=\"prev\">\n        <i class=\"fas fa-arrow-circle-left\"><\/i>\n    <\/a>\n\n        <\/div>\n\n    <\/div>\n\n<\/div>\n\n<script type=\"text\/javascript\">\n    jQuery.noConflict();\n    jQuery(document).ready(function($) {\n        var bkgallery = document.getElementsByClassName('bkgallery');\n        if (bkgallery.length > 0) {\n            var bklist = bkgallery[0].getElementsByTagName(\"figure\");\n            for (var key of Object.keys(bklist)) {\n                var myfigureinner = bklist[key].getElementsByTagName(\"img\");\n                console.log(myfigureinner);\n                console.log(myfigureinner.length);\n\n                if (myfigureinner.length > 0) {\n                    var myparent = myfigureinner[0].parentElement;\n                    myparent.innerHTML = '<a href=\"#\" data-bs-toggle=\"modal\" data-bs-target=\"#galerieModal\">' + myparent.innerHTML + '<\/a>';\n                }\n            }\n        }\n        $('#galerieModal').on('show.bs.modal', function(event) {\n\n            var a = $(event.relatedTarget) \/\/ Button that triggered the modal\n            \n            \/\/ If necessary, you could initiate an AJAX request here (and then do the updating in a callback).\n            \/\/ Update the modal's content. We'll use jQuery here, but you could use a data binding library or other methods instead.\n\n            \/\/ get name of clicked image\n            var imgsrc = a[0].getElementsByTagName('img')[0].src;\n            \n            \/\/ add carousel to modal-body\n            var bkgallery = document.getElementsByClassName('bkgallery');\n            if (bkgallery.length > 0) {\n                var carImages = bkgallery[0].getElementsByTagName(\"img\");\n                var carouselInner = document.getElementsByClassName('carousel-inner');\n                if (carouselInner.length > 0) {\n                    carouselInner[0].innerHTML = \"\";\n                }\n                \/\/ loop through images, add an carousel-item for every image\n                for (var key of Object.keys(carImages)) {\n                    if (carImages[key].parentElement.tagName !== 'A') {\n                    continue;\n                    }   \n                    var bkchilddiv = document.createElement('div');\n                    bkchilddiv.className += \"carousel-item justify-content-center align-content-center\";\n                    \/\/ set class=active for actual image\n                    if (imgsrc == carImages[key].src) {\n                        bkchilddiv.className += \" active\";\n                    }\n                    var bkchildimg = document.createElement('img');\n                    bkchildimg.className += \"d-block mh-100\";\n                    bkchildimg.setAttribute(\"src\", carImages[key].src);\n                    bkchilddiv.appendChild(bkchildimg);\n                    carouselInner[0].appendChild(bkchilddiv);\n                }\n            }\n        });\n    });\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p> [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"https:\/\/bekatec-baukasten.de\/04\/galerie\/\">Weiterlesen\u00a0\u2026<span class=\"screen-reader-text\"> from Galerie<\/span><\/a><\/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:\/\/bekatec-baukasten.de\/04\/wp-json\/wp\/v2\/pages\/123"}],"collection":[{"href":"https:\/\/bekatec-baukasten.de\/04\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bekatec-baukasten.de\/04\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bekatec-baukasten.de\/04\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bekatec-baukasten.de\/04\/wp-json\/wp\/v2\/comments?post=123"}],"version-history":[{"count":4,"href":"https:\/\/bekatec-baukasten.de\/04\/wp-json\/wp\/v2\/pages\/123\/revisions"}],"predecessor-version":[{"id":302,"href":"https:\/\/bekatec-baukasten.de\/04\/wp-json\/wp\/v2\/pages\/123\/revisions\/302"}],"wp:attachment":[{"href":"https:\/\/bekatec-baukasten.de\/04\/wp-json\/wp\/v2\/media?parent=123"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}