{"id":12215,"date":"2023-07-14T10:00:47","date_gmt":"2023-07-14T10:00:47","guid":{"rendered":"https:\/\/arnhemfrontstad.nl\/?page_id=12215"},"modified":"2025-03-13T08:27:17","modified_gmt":"2025-03-13T08:27:17","slug":"tc3b2","status":"publish","type":"page","link":"https:\/\/arnhemfrontstad.nl\/?page_id=12215","title":{"rendered":"TC3B2"},"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=3939\">1900 &#8211; 1940<\/a><\/button>\n  <button><a href=\"\/?page_id=12215\"><u>1940 &#8211; 1945<\/u><\/a><\/button>\n  <button><a href=\"\/?page_id=12407\">1945 &#8211; 1946<\/a><\/button>\n  <font size=\"4\"><b>GA NAAR:<\/b><\/font>\n  <button><a href=\"\/?page_id=12212\">Links<\/a><\/button>\n  <button><a href=\"\/?page_id=1592\">Boven<\/a><\/button>\n  <button><a href=\"\/?page_id=12248\">Rechts<\/a><\/button>\n  <button><a href=\"\/?page_id=12218\">Onder<\/a><\/button>\n  &#8212;\n  <button><a href=\"\/?page_id=1662\">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: 73%; left: 48%; transform: rotate(270deg);}\n #btn2 { top: 70%; left: 39%; transform: rotate(130deg);}\n #btn3 { top: 73.5%; left: 43%; transform: rotate(0deg);}\n #btn4 { top: 75%; left: 46%; transform: rotate(260deg);}\n #btn5 { top: 75%; left: 77%; transform: rotate(60deg);}\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_C3B2.jpg\" style=\"width:100%\">\n  <button class=\"btn1\" id=\"btn1\" \n       data-img-link=\".\/wp-content\/uploads\/2023\/10\/GELA-1483.jpg\" \n       data-img-legend=\"Graaf van Rechterenweg. Huize Dreyeroord. sept-1944 [Bron: Gelders archief; Fotograaf: Alois Bankhardt (PK-Berichter Luftwaffe)]\" <\/button>\n <button class=\"btn1\" id=\"btn2\" \n       data-img-link=\".\/wp-content\/uploads\/2023\/10\/GELA-1484.jpg\" \n       data-img-legend=\"Graaf van Rechterenweg. Huize Dreyeroord met een gesneuvelde Britse soldaat op de voorgrond. sept-1944 [Bron: Gelders archief; Fotograaf: Alois Bankhardt (PK-Berichter Luftwaffe)]\" <\/button>\n <button class=\"btn4\" id=\"btn3\" \n       data-img-link=\".\/wp-content\/uploads\/2023\/10\/GELA-1485.jpg\" \n       data-img-legend=\"Graaf van Rechterenweg. Huize Dreyeroord. Het bataljon de King's Own Scottish Borderers (KOSB), dat onder het bevel stond van luitenant-kolonel Payton Reid landde op 17 september 1944 in zweefvliegtuigen bij Wolfheze. Op 19 september nam Payton Reid zijn intrek in Dreyeroord en richtte het in als hoofdkwartier. De dagen daarop werd rondom het hotel, bij de Britten bekend als 'The White House', zwaar gevochten. Dit gevecht werd dan ook 'The Battle of the White House' genoemd. sept-1944 [Bron: mijngelderland.nl\/; Fotograaf: onbekend\" <\/button>\n <button class=\"btn1\" id=\"btn4\" \n       data-img-link=\".\/wp-content\/uploads\/2023\/10\/GELA-1490.jpg\" \n       data-img-legend=\"Graaf van Rechterenweg. Huize Dreyeroord. sept-1944 [Bron: Gelders archief; Fotograaf: Alois Bankhardt (PK-Berichter Luftwaffe)]\" <\/button>\n <button class=\"btn1\" id=\"btn5\" \n       data-img-link=\".\/wp-content\/uploads\/2023\/10\/GELA-1491.jpg\" \n       data-img-legend=\"Brug Station Hoog, Oosterbeek, Dreyensebrug. mei-1940 [Bron: Gelders archief; Fotograaf: A.J. Nijholt]\" <\/button>\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-12215","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/arnhemfrontstad.nl\/index.php?rest_route=\/wp\/v2\/pages\/12215","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=12215"}],"version-history":[{"count":26,"href":"https:\/\/arnhemfrontstad.nl\/index.php?rest_route=\/wp\/v2\/pages\/12215\/revisions"}],"predecessor-version":[{"id":20343,"href":"https:\/\/arnhemfrontstad.nl\/index.php?rest_route=\/wp\/v2\/pages\/12215\/revisions\/20343"}],"wp:attachment":[{"href":"https:\/\/arnhemfrontstad.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12215"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}