{"id":12533,"date":"2023-07-14T14:48:44","date_gmt":"2023-07-14T14:48:44","guid":{"rendered":"https:\/\/arnhemfrontstad.nl\/?page_id=12533"},"modified":"2025-03-15T08:07:58","modified_gmt":"2025-03-15T08:07:58","slug":"ne3d4","status":"publish","type":"page","link":"https:\/\/arnhemfrontstad.nl\/?page_id=12533","title":{"rendered":"NE3D4"},"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=4049\">1900 &#8211; 1940<\/a><\/button>\n  <button><a href=\"\/?page_id=12341\">1940 &#8211; 1945<\/a><\/button>\n  <button><a href=\"\/?page_id=12533\"><u>1945 &#8211; 1946<\/u><\/a><\/button>\n  <font size=\"4\"><b>GA NAAR:<\/b><\/font>\n  <button><a href=\"\/?page_id=12470\">Links<\/a><\/button>\n  <button><a href=\"\/?page_id=12524\">Boven<\/a><\/button>\n  <button><a href=\"\/?page_id=12530\">Rechts<\/a><\/button>\n  <button><a href=\"\/?page_id=12536\">Onder<\/a><\/button>\n  &#8212;\n  <button><a href=\"\/?page_id=2161\">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: 38%; left: 2%; transform: rotate(345deg);}\n #btn2 { top: 23%; left: 19%; transform: rotate(0deg);}\n #btn3 { top: 36%; left: 6%; transform: rotate(15deg);}\n #btn4 { top: 10%; left: 14%; transform: rotate(0deg);}\n #btn5 { top: 36%; left: 8%; transform: rotate(270deg);}\n #btn6 { top: 20%; left: 8%; 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_E3D4.jpg\" style=\"width:100%\">\n                      \n <button class=\"btn1\" id=\"btn1\" \n     data-img-link=\".\/wp-content\/uploads\/2023\/09\/FLKR-01.jpg\" \n     data-img-legend=\"Utrechtseweg. 1945 [Bron: Flickr; Fotograaf: onbekend]\" <\/button>\n <button class=\"btn6\" id=\"btn2\" \n     data-img-link=\".\/wp-content\/uploads\/2023\/10\/GELA-1325.jpg\" \n     data-img-legend=\"Museum\/monument: Presented to St. Elisabeth Gasthuis Arnhem im grateful recognition of their services to the 1st British Airborne Division, during and after the battle at Arnhem. 17-25 september 1944. [Bron: Gelders archief; Fotograaf: onbekend]\" <\/button>\n<button class=\"btn1\" id=\"btn3\" \n     data-img-link=\".\/wp-content\/uploads\/2023\/12\/GELA-1544.jpg\" \n     data-img-legend=\"Zwarteweg. Met een Duitse wegversperring. 1945. [Bron: Gelders archief; Fotograaf: Nico Kramer]\" <\/button>\n<button class=\"btn5\" id=\"btn4\" \n     data-img-link=\".\/wp-content\/uploads\/2023\/12\/GELA-1545.jpg\" \n     data-img-legend=\"Zwarteweg. Een Nederlands meisje plaatst bloemen op graven van de Airborne-militairen Pte Charles Best en the Reverend Bernard Benson. 1945. [Bron: Gelders archief; Fotograaf: onbekend]\" <\/button>\n<button class=\"btn1\" id=\"btn5\" \n     data-img-link=\".\/wp-content\/uploads\/2023\/12\/GELA-1546.jpg\" \n     data-img-legend=\"Utrechtseweg, hoek Zwarteweg. 1945. [Bron: Gelders archief; Fotograaf: Nico Kramer]\" <\/button>\n<button class=\"btn4\" id=\"btn6\" \n     data-img-link=\".\/wp-content\/uploads\/2023\/12\/Zwarteweg_14.jpg\" \n     data-img-legend=\"Zwarteweg 14. Huis van Antoon Derksen waar Generaal Urquhart met twee andere officieren, Captain William Taylor en Captain James Cleminson gedurende 24 uur ondergedoken zaten. Voor het huis stonden Duitse soldaten en een tank, de Zwarteweg was op dat moment de directe frontlijn in sept-1944. [Bron: Google Streetview-2023]\" <\/button>\n\n\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-12533","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/arnhemfrontstad.nl\/index.php?rest_route=\/wp\/v2\/pages\/12533","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=12533"}],"version-history":[{"count":28,"href":"https:\/\/arnhemfrontstad.nl\/index.php?rest_route=\/wp\/v2\/pages\/12533\/revisions"}],"predecessor-version":[{"id":20712,"href":"https:\/\/arnhemfrontstad.nl\/index.php?rest_route=\/wp\/v2\/pages\/12533\/revisions\/20712"}],"wp:attachment":[{"href":"https:\/\/arnhemfrontstad.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12533"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}