{"id":173,"date":"2021-10-04T10:44:23","date_gmt":"2021-10-04T08:44:23","guid":{"rendered":"https:\/\/bekatec-baukasten.de\/05\/?page_id=173"},"modified":"2022-05-17T14:27:29","modified_gmt":"2022-05-17T12:27:29","slug":"galerie","status":"publish","type":"page","link":"https:\/\/bekatec-baukasten.de\/05\/galerie\/","title":{"rendered":"Galerie"},"content":{"rendered":"\n<figure class=\"wp-block-gallery aligncenter has-nested-images columns-4 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-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"1000\" data-id=\"585\" src=\"https:\/\/bekatec-baukasten.de\/05\/wp-content\/uploads\/sites\/8\/2022\/03\/fashion_product_1_neu.jpg\" alt=\"\" class=\"wp-image-585\" srcset=\"https:\/\/bekatec-baukasten.de\/05\/wp-content\/uploads\/sites\/8\/2022\/03\/fashion_product_1_neu.jpg 1000w, https:\/\/bekatec-baukasten.de\/05\/wp-content\/uploads\/sites\/8\/2022\/03\/fashion_product_1_neu-300x300.jpg 300w, https:\/\/bekatec-baukasten.de\/05\/wp-content\/uploads\/sites\/8\/2022\/03\/fashion_product_1_neu-150x150.jpg 150w, https:\/\/bekatec-baukasten.de\/05\/wp-content\/uploads\/sites\/8\/2022\/03\/fashion_product_1_neu-768x768.jpg 768w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"1000\" data-id=\"550\" src=\"https:\/\/bekatec-baukasten.de\/05\/wp-content\/uploads\/sites\/8\/2022\/01\/fashion_product_2.jpg\" alt=\"\" class=\"wp-image-550\" srcset=\"https:\/\/bekatec-baukasten.de\/05\/wp-content\/uploads\/sites\/8\/2022\/01\/fashion_product_2.jpg 1000w, https:\/\/bekatec-baukasten.de\/05\/wp-content\/uploads\/sites\/8\/2022\/01\/fashion_product_2-300x300.jpg 300w, https:\/\/bekatec-baukasten.de\/05\/wp-content\/uploads\/sites\/8\/2022\/01\/fashion_product_2-150x150.jpg 150w, https:\/\/bekatec-baukasten.de\/05\/wp-content\/uploads\/sites\/8\/2022\/01\/fashion_product_2-768x768.jpg 768w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"1000\" data-id=\"551\" src=\"https:\/\/bekatec-baukasten.de\/05\/wp-content\/uploads\/sites\/8\/2022\/01\/fashion_product_3.jpg\" alt=\"\" class=\"wp-image-551\" srcset=\"https:\/\/bekatec-baukasten.de\/05\/wp-content\/uploads\/sites\/8\/2022\/01\/fashion_product_3.jpg 1000w, https:\/\/bekatec-baukasten.de\/05\/wp-content\/uploads\/sites\/8\/2022\/01\/fashion_product_3-300x300.jpg 300w, https:\/\/bekatec-baukasten.de\/05\/wp-content\/uploads\/sites\/8\/2022\/01\/fashion_product_3-150x150.jpg 150w, https:\/\/bekatec-baukasten.de\/05\/wp-content\/uploads\/sites\/8\/2022\/01\/fashion_product_3-768x768.jpg 768w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"1000\" data-id=\"586\" src=\"https:\/\/bekatec-baukasten.de\/05\/wp-content\/uploads\/sites\/8\/2022\/03\/fashion_product_4_neu.jpg\" alt=\"\" class=\"wp-image-586\" srcset=\"https:\/\/bekatec-baukasten.de\/05\/wp-content\/uploads\/sites\/8\/2022\/03\/fashion_product_4_neu.jpg 1000w, https:\/\/bekatec-baukasten.de\/05\/wp-content\/uploads\/sites\/8\/2022\/03\/fashion_product_4_neu-300x300.jpg 300w, https:\/\/bekatec-baukasten.de\/05\/wp-content\/uploads\/sites\/8\/2022\/03\/fashion_product_4_neu-150x150.jpg 150w, https:\/\/bekatec-baukasten.de\/05\/wp-content\/uploads\/sites\/8\/2022\/03\/fashion_product_4_neu-768x768.jpg 768w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"1000\" data-id=\"587\" src=\"https:\/\/bekatec-baukasten.de\/05\/wp-content\/uploads\/sites\/8\/2022\/03\/fashion_product_5_neu.jpg\" alt=\"\" class=\"wp-image-587\" srcset=\"https:\/\/bekatec-baukasten.de\/05\/wp-content\/uploads\/sites\/8\/2022\/03\/fashion_product_5_neu.jpg 1000w, https:\/\/bekatec-baukasten.de\/05\/wp-content\/uploads\/sites\/8\/2022\/03\/fashion_product_5_neu-300x300.jpg 300w, https:\/\/bekatec-baukasten.de\/05\/wp-content\/uploads\/sites\/8\/2022\/03\/fashion_product_5_neu-150x150.jpg 150w, https:\/\/bekatec-baukasten.de\/05\/wp-content\/uploads\/sites\/8\/2022\/03\/fashion_product_5_neu-768x768.jpg 768w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"1000\" data-id=\"554\" src=\"https:\/\/bekatec-baukasten.de\/05\/wp-content\/uploads\/sites\/8\/2022\/01\/fashion_product_6.jpg\" alt=\"\" class=\"wp-image-554\" srcset=\"https:\/\/bekatec-baukasten.de\/05\/wp-content\/uploads\/sites\/8\/2022\/01\/fashion_product_6.jpg 1000w, https:\/\/bekatec-baukasten.de\/05\/wp-content\/uploads\/sites\/8\/2022\/01\/fashion_product_6-300x300.jpg 300w, https:\/\/bekatec-baukasten.de\/05\/wp-content\/uploads\/sites\/8\/2022\/01\/fashion_product_6-150x150.jpg 150w, https:\/\/bekatec-baukasten.de\/05\/wp-content\/uploads\/sites\/8\/2022\/01\/fashion_product_6-768x768.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\/05\/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\/05\/wp-json\/wp\/v2\/pages\/173"}],"collection":[{"href":"https:\/\/bekatec-baukasten.de\/05\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bekatec-baukasten.de\/05\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bekatec-baukasten.de\/05\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bekatec-baukasten.de\/05\/wp-json\/wp\/v2\/comments?post=173"}],"version-history":[{"count":53,"href":"https:\/\/bekatec-baukasten.de\/05\/wp-json\/wp\/v2\/pages\/173\/revisions"}],"predecessor-version":[{"id":610,"href":"https:\/\/bekatec-baukasten.de\/05\/wp-json\/wp\/v2\/pages\/173\/revisions\/610"}],"wp:attachment":[{"href":"https:\/\/bekatec-baukasten.de\/05\/wp-json\/wp\/v2\/media?parent=173"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}