{"id":173,"date":"2021-10-04T10:44:23","date_gmt":"2021-10-04T08:44:23","guid":{"rendered":"https:\/\/bekatec-baukasten.de\/13\/?page_id=173"},"modified":"2022-02-10T15:14:32","modified_gmt":"2022-02-10T14:14:32","slug":"galerie","status":"publish","type":"page","link":"https:\/\/bekatec-baukasten.de\/13\/galerie\/","title":{"rendered":"Galerie"},"content":{"rendered":"\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped mt-lg-5 mt-md-4 mt-3 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=\"500\" height=\"750\" data-id=\"577\" src=\"https:\/\/bekatec-baukasten.de\/13\/wp-content\/uploads\/sites\/17\/2022\/02\/Handwerk_galerie_1.jpg\" alt=\"\" class=\"wp-image-577\" srcset=\"https:\/\/bekatec-baukasten.de\/13\/wp-content\/uploads\/sites\/17\/2022\/02\/Handwerk_galerie_1.jpg 500w, https:\/\/bekatec-baukasten.de\/13\/wp-content\/uploads\/sites\/17\/2022\/02\/Handwerk_galerie_1-200x300.jpg 200w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"750\" data-id=\"578\" src=\"https:\/\/bekatec-baukasten.de\/13\/wp-content\/uploads\/sites\/17\/2022\/02\/Handwerk_galerie_2.jpg\" alt=\"\" class=\"wp-image-578\" srcset=\"https:\/\/bekatec-baukasten.de\/13\/wp-content\/uploads\/sites\/17\/2022\/02\/Handwerk_galerie_2.jpg 500w, https:\/\/bekatec-baukasten.de\/13\/wp-content\/uploads\/sites\/17\/2022\/02\/Handwerk_galerie_2-200x300.jpg 200w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"750\" data-id=\"579\" src=\"https:\/\/bekatec-baukasten.de\/13\/wp-content\/uploads\/sites\/17\/2022\/02\/Handwerk_galerie_3.jpg\" alt=\"\" class=\"wp-image-579\" srcset=\"https:\/\/bekatec-baukasten.de\/13\/wp-content\/uploads\/sites\/17\/2022\/02\/Handwerk_galerie_3.jpg 500w, https:\/\/bekatec-baukasten.de\/13\/wp-content\/uploads\/sites\/17\/2022\/02\/Handwerk_galerie_3-200x300.jpg 200w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"750\" data-id=\"580\" src=\"https:\/\/bekatec-baukasten.de\/13\/wp-content\/uploads\/sites\/17\/2022\/02\/Handwerk_galerie_4.jpg\" alt=\"\" class=\"wp-image-580\" srcset=\"https:\/\/bekatec-baukasten.de\/13\/wp-content\/uploads\/sites\/17\/2022\/02\/Handwerk_galerie_4.jpg 500w, https:\/\/bekatec-baukasten.de\/13\/wp-content\/uploads\/sites\/17\/2022\/02\/Handwerk_galerie_4-200x300.jpg 200w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"750\" data-id=\"581\" src=\"https:\/\/bekatec-baukasten.de\/13\/wp-content\/uploads\/sites\/17\/2022\/02\/Handwerk_galerie_5.jpg\" alt=\"\" class=\"wp-image-581\" srcset=\"https:\/\/bekatec-baukasten.de\/13\/wp-content\/uploads\/sites\/17\/2022\/02\/Handwerk_galerie_5.jpg 500w, https:\/\/bekatec-baukasten.de\/13\/wp-content\/uploads\/sites\/17\/2022\/02\/Handwerk_galerie_5-200x300.jpg 200w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"750\" data-id=\"582\" src=\"https:\/\/bekatec-baukasten.de\/13\/wp-content\/uploads\/sites\/17\/2022\/02\/Handwerk_galerie_6.jpg\" alt=\"\" class=\"wp-image-582\" srcset=\"https:\/\/bekatec-baukasten.de\/13\/wp-content\/uploads\/sites\/17\/2022\/02\/Handwerk_galerie_6.jpg 500w, https:\/\/bekatec-baukasten.de\/13\/wp-content\/uploads\/sites\/17\/2022\/02\/Handwerk_galerie_6-200x300.jpg 200w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"333\" data-id=\"561\" src=\"https:\/\/bekatec-baukasten.de\/13\/wp-content\/uploads\/sites\/17\/2022\/02\/Handwerk_5.jpg\" alt=\"\" class=\"wp-image-561\" srcset=\"https:\/\/bekatec-baukasten.de\/13\/wp-content\/uploads\/sites\/17\/2022\/02\/Handwerk_5.jpg 500w, https:\/\/bekatec-baukasten.de\/13\/wp-content\/uploads\/sites\/17\/2022\/02\/Handwerk_5-300x200.jpg 300w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"333\" data-id=\"562\" src=\"https:\/\/bekatec-baukasten.de\/13\/wp-content\/uploads\/sites\/17\/2022\/02\/Handwerk_6.jpg\" alt=\"\" class=\"wp-image-562\" srcset=\"https:\/\/bekatec-baukasten.de\/13\/wp-content\/uploads\/sites\/17\/2022\/02\/Handwerk_6.jpg 500w, https:\/\/bekatec-baukasten.de\/13\/wp-content\/uploads\/sites\/17\/2022\/02\/Handwerk_6-300x200.jpg 300w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"333\" data-id=\"563\" src=\"https:\/\/bekatec-baukasten.de\/13\/wp-content\/uploads\/sites\/17\/2022\/02\/Handwerk_7.jpg\" alt=\"\" class=\"wp-image-563\" srcset=\"https:\/\/bekatec-baukasten.de\/13\/wp-content\/uploads\/sites\/17\/2022\/02\/Handwerk_7.jpg 500w, https:\/\/bekatec-baukasten.de\/13\/wp-content\/uploads\/sites\/17\/2022\/02\/Handwerk_7-300x200.jpg 300w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"333\" data-id=\"560\" src=\"https:\/\/bekatec-baukasten.de\/13\/wp-content\/uploads\/sites\/17\/2022\/02\/Handwerk_4.jpg\" alt=\"\" class=\"wp-image-560\" srcset=\"https:\/\/bekatec-baukasten.de\/13\/wp-content\/uploads\/sites\/17\/2022\/02\/Handwerk_4.jpg 500w, https:\/\/bekatec-baukasten.de\/13\/wp-content\/uploads\/sites\/17\/2022\/02\/Handwerk_4-300x200.jpg 300w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/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(\"li\");\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\/13\/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\/13\/wp-json\/wp\/v2\/pages\/173"}],"collection":[{"href":"https:\/\/bekatec-baukasten.de\/13\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bekatec-baukasten.de\/13\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bekatec-baukasten.de\/13\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bekatec-baukasten.de\/13\/wp-json\/wp\/v2\/comments?post=173"}],"version-history":[{"count":51,"href":"https:\/\/bekatec-baukasten.de\/13\/wp-json\/wp\/v2\/pages\/173\/revisions"}],"predecessor-version":[{"id":583,"href":"https:\/\/bekatec-baukasten.de\/13\/wp-json\/wp\/v2\/pages\/173\/revisions\/583"}],"wp:attachment":[{"href":"https:\/\/bekatec-baukasten.de\/13\/wp-json\/wp\/v2\/media?parent=173"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}