{"id":12326,"date":"2023-07-14T10:28:21","date_gmt":"2023-07-14T10:28:21","guid":{"rendered":"https:\/\/arnhemfrontstad.nl\/?page_id=12326"},"modified":"2025-03-13T08:36:45","modified_gmt":"2025-03-13T08:36:45","slug":"te3c3","status":"publish","type":"page","link":"https:\/\/arnhemfrontstad.nl\/?page_id=12326","title":{"rendered":"TE3C3"},"content":{"rendered":"\n<style>\n.btn-group {\n  text-align: left;\n  color: black;\n}\n.btn-group button {\n  background-color: black;\n  border: 2px silver solid;\n  padding: 1px 10px;\n  font-size: 12px;\n  cursor: pointer;\n}\n.btn-group button:after {\n  content: \"\";\n  clear: both;\n  display: table;\n}\n.btn-group button:hover {\n  background-color: white;\n  color: black;\n}\na { color: white; \n}\n<\/style>\n<div class=\"btn-group\">\n  <font size=\"4\"><b>PERIODE:<\/b><\/font>\n  <button><a href=\"\/?page_id=4070\">1900 &#8211; 1940<\/a><\/button>\n  <button><a href=\"\/?page_id=12326\">1940 &#8211; 1945<\/a><\/button>\n  <button><a href=\"\/?page_id=12518\">1945 &#8211; 1946<\/a><\/button>\n  <font size=\"4\"><b>GA NAAR:<\/b><\/font>\n  <button><a href=\"\/?page_id=12329\">Links<\/a><\/button>\n  <button><a href=\"\/?page_id=12323\">Boven<\/a><\/button>\n  <button><a href=\"\/?page_id=1856\">Rechts<\/a><\/button>\n  <button><a href=\"\/?page_id=12359\">Onder<\/a><\/button>\n  &#8212;\n  <button><a href=\"\/?page_id=1695\">Zoom-uit<\/a><\/button>\n<\/div>\n<p><\/P>\n\n\n\n\n\n\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n\n<style>\n.container {\n  position: relative;\n  top: 0px;\n  left: -188px;\n  width: 900px;\n  height: auto;\n  border: 5px silver solid;\n  padding: 5px;\n}\n.container img {\n  width: 900px;\n  height: 100%;\n}\n.container .btn1 {\n  position: absolute;\n  background: url(\".\/wp-content\/uploads\/2024\/09\/Pijl_blauw_12.png\") center\/cover no-repeat !important;\n  background-color: transparent !important;\n  border-radius: 50px !important;\n  background-size: 15px 15px;\n  height: 15px;  \n  width: 15px;\n  font-size: 50%;\n  cursor: pointer;\n  display: inline-block;\n}\n.container .btn2 {\n  position: absolute;\n  background: url(\".\/wp-content\/uploads\/2023\/04\/Icoon_luchtfoto.jpg\") center\/cover no-repeat !important;\n  background-color: transparent !important;\n  border-radius: 50px !important;\n  background-size: 20px 20px;\n  height: 20px;  \n  width: 20px;\n  font-size: 1px;\n  cursor: pointer;\n  display: inline-block;\n}\n.container .btn3 {\n  position: absolute;\n  background: url(\".\/wp-content\/uploads\/2023\/10\/blauw.jpg\") center\/cover no-repeat !important;\n  background-color: transparent !important;\n  border-radius: 50px !important;\n  background-size: 5px 40px;\n  height: 5px;  \n  width: 40px;\n  color: black;\n  font-size: 1px;\n  cursor: pointer;\n  display: inline-block;\n}\n.container .btn4 {\n  position: absolute;\n  background: url(\".\/wp-content\/uploads\/2023\/05\/Icoon_UK_airborne2.jpg\") center\/cover no-repeat !important;\n  background-color: transparent !important;\n  border-radius: 50px !important;\n  background-size: 25px 25px;\n  height: 25px;  \n  width: 25px;\n  font-size: 1px;\n  cursor: pointer;\n  display: inline-block;\n}\n.container .btn5 {\n  position: absolute;\n  background: url(.\/wp-content\/uploads\/2023\/05\/Icoon_Omgeving2.jpg) center\/cover no-repeat !important;\n  background-color: transparent !important;\n  border-radius: 50px !important;\n  background-size: 15px 15px;\n  height: 15px;  \n  width: 15px;\n  font-size: 1px;\n  cursor: pointer;\n  display: inline-block;\n}\n.container .btn6 {\n  position: absolute;\n  background: url(\".\/wp-content\/uploads\/2023\/05\/Icoon_Museum2.jpg\") center\/cover no-repeat !important;\n  background-color: transparent !important;\n  border-radius: 50px !important;\n  background-size: 25px 25px;\n  height: 25px;  \n  width: 25px;\n  font-size: 1px;\n  cursor: pointer;\n  display: inline-block;\n}\n #btn1 { top: 95%; left: 7%; transform: rotate(50deg);}\n #btn2 { top: 2%; left: 1%; transform: rotate(0deg);}\n #btn3 { top: 2%; left: 1%; transform: rotate(0deg);}\n #btn4 { top: 2%; left: 1%; transform: rotate(0deg);}\n #btn5 { top: 2%; left: 1%; transform: rotate(0deg);}\n #btn6 { top: 2%; left: 1%; transform: rotate(0deg);}\n\n<\/style>\n<\/head>\n<div id=\"hovershow\">\n<button id=\"closehovershow\">\u00d7\u00a0Sluiten<\/button>\n<img decoding=\"async\" src=\"\" \/>\n<p>legend<\/p>\n\n(Afbeelding is niet auteursrechtelijk beschermd.)\n\n<\/div>\n<div class=\"container\">\n        <img decoding=\"async\" src=\".\/wp-content\/uploads\/2023\/06\/1944_E3C3.jpg\" style=\"width:100%\">\n         <button class=\"btn1\" id=\"btn1\" \n            data-img-link=\".\/wp-content\/uploads\/2023\/10\/GELA-1425.jpg\" \n            data-img-legend=\"Hommelstraat. De evacuatie van zusters en bejaarden van Insula Dei, dat door de Duitsers in brand gestoken was toen de bewoners er nog in waren. Deze konden ontsnappen door een achterpoortje. Een deel van de stoet kwam over de Hommelstraat; sommige ouderen werden op driewielers en handwagens vervoerd. ca. 20-09-1944 [Bron: Gelders archief; Fotograaf: onbekend]\" <\/button>                 \n\n\n\n\n\n\n<\/div>\n<style>\n#hovershow {\n        position: absolute;\n        top: 9.5%;\n        right: 0%;\n        display: none;\n        color: black;\n        font-family: paletine;\n        font-size: 120%;\n        background-color: white;\n        border: 5px silver solid;\n        padding: 5px;\n        margin: -10px;\n        max-width: 870px;\n}\n#hovershow button {\nposition: absolute;\ntop: 0;\nright: 0;\nmargin: 5px;\npadding: 2px;\n        background-color: black;\n        color: white;\n        font-family: paletine;\n}\n\/* dit hier is de breedte van je img *\/\n#hovershow img {\n                max-width: 850px;\n                max-height: 800px;\n}\n#hovershow.visible {\ndisplay: block;\n}\n<\/style>\n<script>\ndocument.querySelectorAll('.container .btn1').forEach(function(button) {\nbutton.addEventListener('click', showImage);\n});\ndocument.querySelectorAll('.container .btn2').forEach(function(button) {\nbutton.addEventListener('click', showImage);\n});\ndocument.querySelectorAll('.container .btn3').forEach(function(button) {\nbutton.addEventListener('click', showImage);\n});\ndocument.querySelectorAll('.container .btn4').forEach(function(button) {\nbutton.addEventListener('click', showImage);\n});\ndocument.querySelectorAll('.container .btn5').forEach(function(button) {\nbutton.addEventListener('click', showImage);\n});\ndocument.querySelectorAll('.container .btn6').forEach(function(button) {\nbutton.addEventListener('click', showImage);\n});\nfunction showImage() {\nlet button = document.getElementById(this.id);\nlet hovershowDiv = document.getElementById('hovershow');\nconsole.log(button);\nhovershowDiv.querySelector('img').src = button.dataset.imgLink;\nhovershowDiv.querySelector('p').textContent = button.dataset.imgLegend;\nhovershowDiv.classList.add('visible');\n}\ndocument.getElementById('closehovershow').addEventListener('click', function() {\ndocument.getElementById('hovershow').classList.remove('visible');\n});\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>PERIODE: 1900 &#8211; 1940 1940 &#8211; 1945 1945 &#8211; 1946 GA NAAR: Links Boven Rechts Onder &#8212; Zoom-uit \u00d7\u00a0Sluiten legend (Afbeelding is niet auteursrechtelijk beschermd.)<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-12326","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/arnhemfrontstad.nl\/index.php?rest_route=\/wp\/v2\/pages\/12326","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/arnhemfrontstad.nl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/arnhemfrontstad.nl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/arnhemfrontstad.nl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/arnhemfrontstad.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=12326"}],"version-history":[{"count":6,"href":"https:\/\/arnhemfrontstad.nl\/index.php?rest_route=\/wp\/v2\/pages\/12326\/revisions"}],"predecessor-version":[{"id":20356,"href":"https:\/\/arnhemfrontstad.nl\/index.php?rest_route=\/wp\/v2\/pages\/12326\/revisions\/20356"}],"wp:attachment":[{"href":"https:\/\/arnhemfrontstad.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12326"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}