{"id":12365,"date":"2023-07-14T10:34:43","date_gmt":"2023-07-14T10:34:43","guid":{"rendered":"https:\/\/arnhemfrontstad.nl\/?page_id=12365"},"modified":"2025-03-12T12:00:36","modified_gmt":"2025-03-12T12:00:36","slug":"te4b4","status":"publish","type":"page","link":"https:\/\/arnhemfrontstad.nl\/?page_id=12365","title":{"rendered":"TE4B4"},"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=4097\">1900 &#8211; 1940<\/a><\/button>\n  <button><a href=\"\/?page_id=12365\"><u>1940 &#8211; 1945<\/u><\/a><\/button>\n  <button><a href=\"\/?page_id=12557\">1945 &#8211; 1946<\/a><\/button>\n  <font size=\"4\"><b>GA NAAR:<\/b><\/font>\n  <button><a href=\"\/?page_id=12350\">Links<\/a><\/button>\n  <button><a href=\"\/?page_id=12356\">Boven<\/a><\/button>\n  <button><a href=\"\/?page_id=12362\">Rechts<\/a><\/button>\n  <button><a href=\"\/?page_id=12368\">Onder<\/a><\/button>\n  &#8212;\n  <button><a href=\"\/?page_id=1763\">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: 53%; left: 83%; transform: rotate(90deg);}\n #btn2 { top: 47%; left: 78%; transform: rotate(90deg);}\n #btn3 { top: 40%; left: 42%; transform: rotate(180deg);}\n #btn4 { top: 35%; left: 37%; transform: rotate(160deg);}\n #btn5 { top: 56%; left: 29%; transform: rotate(45deg);}\n #btn6 { top: 75%; left: 40%; transform: rotate(25deg);}\n #btn7 { top: 21%; left: 54%; transform: rotate(155deg);}\n #btn8 { top: 5%; left: 36%; transform: rotate(15deg);}\n #btn9 { top: 33%; left: 67%; transform: rotate(10deg);}\n #btn10 { top: 2.5%; left: 14%; transform: rotate(330deg);}\n #btn11 { top: 4%; left: 18%; transform: rotate(240deg);}\n #btn12 { top: 3%; left: 13%; transform: rotate(330deg);}\n #btn13 { top: 4%; left: 14%; transform: rotate(0deg);}\n #btn14 { top: 7%; left: 16%; transform: rotate(120deg);}\n #btn15 { top: 5.5%; left: 15%; transform: rotate(330deg);}\n #btn16 { top: 35%; left: 75%; transform: rotate(240deg);}\n #btn17 { top: 67%; left: 32%; transform: rotate(40deg);}\n #btn18 { top: 52%; left: 47%; transform: rotate(350deg);}\n #btn19 { top: 48%; left: 57%; transform: rotate(300deg);}\n #btn20 { top: 57%; left: 60%; transform: rotate(280deg);}\n #btn21 { top: 71%; left: 64.5%; transform: rotate(310deg);}\n #btn22 { top: 90%; left: 10%; transform: rotate(35deg);}\n #btn23 { top: 37%; left: 9%; transform: rotate(120deg);}\n \n\n\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\/05\/1944_E4B4.jpg\" style=\"width:100%\">\n                      \n      <button class=\"btn1\" id=\"btn1\" \n      data-img-link=\".\/wp-content\/uploads\/2023\/07\/GELA-745.jpg\" \n      data-img-legend=\"Westervoortsedijk, een vernielde Duitse tank gefotografeerd vanuit een deuropening van de verwoeste Camiz fabriek, November 1944 [Bron: Gelders archief: Fotograaf: De Booys fotohandel]\"><\/button>\n      <button class=\"btn1\" id=\"btn2\" \n      data-img-link=\".\/wp-content\/uploads\/2023\/07\/GELA-746.jpg\" \n      data-img-legend=\"Westervoortsedijk, vernielde Duitse tank wordt verdrukt door een ingestorte loopbrug bij de verwoeste Camiz fabriek, November 1944 [Bron: Gelders archief: Fotograaf: De Booys fotohandel]\"><\/button>\n      <button class=\"btn1\" id=\"btn3\" \n      data-img-link=\".\/wp-content\/uploads\/2023\/07\/GELA-747.jpg\" \n      data-img-legend=\"Rijnbrug, op 10 mei 1940 rond 5 uur 's ochtends werd de Rijnbrug in Arnhem opgeblazen door de Nederlandse genie om de Duitse invasie tegen te gaan. [Bron: Gelders archief: Fotograaf: A.J. Nijholt]\"><\/button>\n      <button class=\"btn1\" id=\"btn4\" \n      data-img-link=\".\/wp-content\/uploads\/2023\/07\/GELA-748.jpg\" \n      data-img-legend=\"Rijnbrug, op 10 mei 1940 rond 5 uur 's ochtends werd de Rijnbrug in Arnhem opgeblazen door de Nederlandse genie om de Duitse invasie tegen te gaan. [Bron: Gelders archief: Fotograaf: A.J. Nijholt]\"><\/button>\n      <button class=\"btn1\" id=\"btn5\" \n      data-img-link=\".\/wp-content\/uploads\/2023\/07\/GELA-749.jpg\" \n      data-img-legend=\"Rijnbrug, op 10 mei 1940 rond 5 uur 's ochtends werd de Rijnbrug in Arnhem opgeblazen door de Nederlandse genie om de Duitse invasie tegen te gaan. [Bron: Gelders archief: Fotograaf: onbekend]\"><\/button>\n      <button class=\"btn2\" id=\"btn6\" \n      data-img-link=\".\/wp-content\/uploads\/2023\/07\/GELA-752.jpg\" \n      data-img-legend=\"Rijnbrug, Op de noordelijke oprit staan de resten van Duitse pantservoertuigen onder leiding van SS-Hauptsturmf\u00fchrer Viktor Gr\u00e4bner die op 18 september 1944 uitgeschakeld waren door de Britten, sept-1944 [Bron: Gelders archief: Fotograaf: Royal Air Force]\"><\/button>\n      <button class=\"btn2\" id=\"btn7\" \n      data-img-link=\".\/wp-content\/uploads\/2023\/07\/GELA-753.jpg\" \n      data-img-legend=\"Rijnbrug, Op de noordelijke oprit staan de resten van Duitse pantservoertuigen onder leiding van SS-Hauptsturmf\u00fchrer Viktor Gr\u00e4bner die op 18 september 1944 uitgeschakeld waren door de Britten, sept-1944 [Bron: Gelders archief: Fotograaf: Royal Air Force]\"><\/button>\n      <button class=\"btn1\" id=\"btn8\" \n      data-img-link=\".\/wp-content\/uploads\/2023\/07\/GELA-754.jpg\" \n      data-img-legend=\"Grote Kerk of Eusebiuskerk, okt-1944 [Bron: Gelders archief: Fotograaf: \nDe Booys]\"><\/button>\n      <button class=\"btn1\" id=\"btn9\" \n      data-img-link=\".\/wp-content\/uploads\/2023\/07\/GELA-759.jpg\" \n      data-img-legend=\"Noordelijke oprit van de Rijnbrug, evacu\u00e9s, sept-1944 [Bron: Gelders archief: Fotograaf: \nSS PK-Berichter Reinsberg]\"><\/button>\n      <button class=\"btn1\" id=\"btn10\" \n      data-img-link=\".\/wp-content\/uploads\/2023\/07\/GELA-826.jpg\" \n      data-img-legend=\"Weerdjesstraat, Britse soldaten lopen richting Roermondsplein (?), sept-1944 [Bron: Gelders archief: Fotograaf: Sem Presser]\"><\/button>\n      <button class=\"btn1\" id=\"btn11\" \n      data-img-link=\".\/wp-content\/uploads\/2023\/07\/GELA-827.jpg\" \n      data-img-legend=\"Weerdjesstraat, Britse soldaten lopen richting Roermondsplein (?), sept-1944 [Bron: Gelders archief: Fotograaf: Sem Presser]\"><\/button>\n      <button class=\"btn1\" id=\"btn12\" \n      data-img-link=\".\/wp-content\/uploads\/2023\/07\/GELA-828.jpg\" \n      data-img-legend=\"Weerdjesstraat, Captain Killick, commandant van 89th Field Security Section. sept-1944 [Bron: Gelders archief: Fotograaf: Sem Presser]\"><\/button>\n   <button class=\"btn1\" id=\"btn13\" \n      data-img-link=\".\/wp-content\/uploads\/2023\/07\/GELA-829.jpg\" \n      data-img-legend=\"Weerdjesstraat, sept-1944 [Bron: Gelders archief: Fotograaf: Sem Presser]\"><\/button>\n   <button class=\"btn1\" id=\"btn14\" \n      data-img-link=\".\/wp-content\/uploads\/2023\/07\/GELA-830.jpg\" \n      data-img-legend=\"Weerdjesstraat, sept-1944 [Bron: Gelders archief: Fotograaf: Sem Presser]\"><\/button>\n   <button class=\"btn1\" id=\"btn15\" \n      data-img-link=\".\/wp-content\/uploads\/2023\/07\/GELA-831.jpg\" \n      data-img-legend=\"Weerdjesstraat, sept-1944 [Bron: Gelders archief: Fotograaf: Sem Presser]\"><\/button>\n   <button class=\"btn1\" id=\"btn16\" \n      data-img-link=\".\/wp-content\/uploads\/2023\/08\/GELA-916.jpg\" \n      data-img-legend=\"Marktstraat, kantoor Gemeente Vervoerbedrijf Arnhem. juni-1944 [Bron: Gelders archief: Fotograaf: Renes]\"><\/button>\n   <button class=\"btn1\" id=\"btn17\" \n      data-img-link=\".\/wp-content\/uploads\/2023\/08\/GELA-938.jpg\" \n      data-img-legend=\"Rijnbrug, op 10 mei 1940 rond 5 uur \u2018s ochtends werd de Rijnbrug in Arnhem opgeblazen door de Nederlandse genie. mei-1944 [Bron: Gelders archief: Fotograaf: onbekend]\"><\/button>\n   <button class=\"btn1\" id=\"btn18\" \n      data-img-link=\".\/wp-content\/uploads\/2023\/08\/GELA-940.jpg\" \n      data-img-legend=\"Rijnbrug, Duitse soldaten bezig met explosieven, waaronder vliegtuigbommen, voor het laten springen van de Rijnbrug te Arnhem. Op 6 en 7 oktober 1944 werd de brug door de Geallieerden gebombardeerd, en zeer zwaar beschadigd. De restanten werden in februari 1945 door de Duitsers opgeblazen. sept-1944 [Bron: Gelders archief: Fotograaf: onbekend]\"><\/button>\n    <button class=\"btn1\" id=\"btn19\" \n      data-img-link=\".\/wp-content\/uploads\/2023\/10\/GELA-1402-1.jpg\" \n      data-img-legend=\"Rijnkade. De noordelijke oprit van de opgeblazen Rijnbrug. mei-1940 [Bron: Gelders archief: Fotograaf: onbekend]\"><\/button>\n    <button class=\"btn1\" id=\"btn20\" \n      data-img-link=\".\/wp-content\/uploads\/2023\/10\/GELA-1403.jpg\" \n      data-img-legend=\"Rijnkade. Opgeblazen Rijnbrug. mei-1940 [Bron: Gelders archief: Fotograaf: onbekend]\"><\/button>\n    <button class=\"btn1\" id=\"btn21\" \n      data-img-link=\".\/wp-content\/uploads\/2023\/10\/GELA-1404.jpg\" \n      data-img-legend=\"Rijnkade. Opgeblazen Rijnbrug. mei-1940 [Bron: Gelders archief: Fotograaf: onbekend]\"><\/button>\n    <button class=\"btn2\" id=\"btn22\" \n      data-img-link=\".\/wp-content\/uploads\/2023\/10\/GELA-1423.jpg\" \n      data-img-legend=\"De Rijnbrug te Arnhem wordt getroffen door geallieerde bommen. 7-okt-1944 [Bron: Gelders archief: Fotograaf: onbekend]\"><\/button>\n<button class=\"btn2\" id=\"btn23\" \n     data-img-link=\".\/wp-content\/uploads\/2023\/10\/GELA-1424.jpg\" \n     data-img-legend=\"Rijnbrug. Flight Lieutenant L.J. Scargill (541 Squadron, Royal Air Force). 6-sept-1944 [Bron: Gelders archief; Fotograaf: Royal Air Force]\" <\/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-12365","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/arnhemfrontstad.nl\/index.php?rest_route=\/wp\/v2\/pages\/12365","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=12365"}],"version-history":[{"count":150,"href":"https:\/\/arnhemfrontstad.nl\/index.php?rest_route=\/wp\/v2\/pages\/12365\/revisions"}],"predecessor-version":[{"id":20224,"href":"https:\/\/arnhemfrontstad.nl\/index.php?rest_route=\/wp\/v2\/pages\/12365\/revisions\/20224"}],"wp:attachment":[{"href":"https:\/\/arnhemfrontstad.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12365"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}