{"id":4094,"date":"2023-05-19T13:10:17","date_gmt":"2023-05-19T13:10:17","guid":{"rendered":"https:\/\/wp-arnhem.fardau.com\/?page_id=4094"},"modified":"2025-03-13T09:57:48","modified_gmt":"2025-03-13T09:57:48","slug":"e4b3","status":"publish","type":"page","link":"https:\/\/arnhemfrontstad.nl\/?page_id=4094","title":{"rendered":"E4B3"},"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=651\">1900 &#8211; 1940<\/a><\/button>\n  <button><a href=\"\/?page_id=12362\">1940 &#8211; 1945<\/a><\/button>\n  <button><a href=\"\/?page_id=12554\">1945 &#8211; 1946<\/a><\/button>\n  <font size=\"4\"><b>GA NAAR:<\/b><\/font>\n  <button><a href=\"\/?page_id=4097\">Links<\/a><\/button>\n  <button><a href=\"\/?page_id=4091\">Boven<\/a><\/button>\n  <button><a href=\"\/?page_id=765\">Rechts<\/a><\/button>\n  <button><a href=\"\/?page_id=4115\">Onder<\/a><\/button>\n  &#8212;\n  <button><a href=\"\/?page_id=893\">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: 2%; left: 4%; transform: rotate(180deg);} \n #btn2 {top: 9%; left: 4%; transform: rotate(0deg);} \n #btn3 {top: 13%; left: 21%; transform: rotate(120deg);} \n #btn4 {top: 14%; left: 46%; transform: rotate(225deg);} \n #btn5 {top: 39%; left: 45%; transform: rotate(330deg);} \n #btn6 {top: 47.5%; left: 17%; transform: rotate(90deg);} \n #btn7 {top: 64%; left: 9%; transform: rotate(35deg);} \n #btn8 {top: 50%; left: 30%; transform: rotate(320deg);} \n #btn9 {top: 48%; left: 28%; transform: rotate(90deg);} \n #btn10 {top: 38%; left: 52%; transform: rotate(230deg);} \n #btn11 {top: 38%; left: 50%; transform: rotate(320deg);} \n #btn12 {top: 19%; left: 94%; transform: rotate(90deg);} \n #btn13 {top: 57%; left: 72%; transform: rotate(50deg);} \n #btn14 {top: 3%; left: 44%; transform: rotate(300deg);} \n #btn15 {top: 3%; left: 39%; transform: rotate(60deg);} \n #btn16 {top: 60%; left: 52%; transform: rotate(235deg);} \n #btn17 {top: 68%; left: 30%; transform: rotate(90deg);} \n #btn18 {top: 75%; left: 18%; transform: rotate(0deg);}\n\n\n<\/style>\n<\/head>\n<div id=\"hovershow\">\n\t<button id=\"closehovershow\">\u00d7\u00a0Sluiten<\/button>\n\t<img decoding=\"async\" src=\"\" \/>\n\t<p>legend<\/p>\n(Afbeelding is niet auteursrechtelijk beschermd.)\n\n<\/div>\n<div class=\"container\">\n        <img decoding=\"async\" src=\".\/wp-content\/uploads\/2023\/05\/1944_E4B3.jpg\" style=\"width:100%\">\n                      \n        <button class=\"btn1\" id=\"btn1\" \n            data-img-link=\".\/wp-content\/uploads\/2023\/05\/GELA-245.jpg\" \n            data-img-legend=\"Eusebiusbuitensingel 1905 [Bron: Gelders archief; Uitgever:\nSchaefer, J.H., A'dam]\" <\/button>\n                         \n        <button class=\"btn1\" id=\"btn2\" \n            data-img-link=\".\/wp-content\/uploads\/2023\/05\/GELA-246.jpg\" \n            data-img-legend=\"Eusebiusbuitensingel ca. 1910 [Bron: Gelders archief; Fotograaf: onbekend]\" <\/button>\n\n        <button class=\"btn1\" id=\"btn3\" \n            data-img-link=\".\/wp-content\/uploads\/2023\/05\/GELA-247.jpg\" \n            data-img-legend=\"Boulevard Heuvelink 1906 [Bron: Gelders archief; Uitgever:\nEerste Arnhemsche Prentbriefkaartenhandel]\" <\/button>\n   \n        <button class=\"btn1\" id=\"btn4\" \n            data-img-link=\".\/wp-content\/uploads\/2023\/05\/GELA-248.jpg\" \n            data-img-legend=\"Boulevard Heuvelink Ambachtschool 1910 [Bron: Gelders archief; Fotograaf: Moonen\n]\" <\/button>\n\n        <button class=\"btn1\" id=\"btn5\" \n            data-img-link=\".\/wp-content\/uploads\/2023\/05\/GELA-249.jpg\" \n            data-img-legend=\"Ambachtsschool achterzijde 1903 [Bron: Gelders archief; Fotograaf: onbekend]\" <\/button>\n\n        <button class=\"btn1\" id=\"btn6\" \n            data-img-link=\".\/wp-content\/uploads\/2023\/05\/GELA-251.jpg\" \n            data-img-legend=\"Van Verschuerplein, ca. 1935 [Bron: Gelders archief; Uitgever:\nWeenenk &#038; Snel, Den Haag]\" <\/button>\n\n        <button class=\"btn1\" id=\"btn7\" \n            data-img-link=\".\/wp-content\/uploads\/2023\/05\/GELA-250.jpg\" \n            data-img-legend=\"Rietgrachtstraat 1935 [Bron: Gelders archief; Fotograaf: onbekend]\" <\/button>\n\n\n        <button class=\"btn1\" id=\"btn8\" \n            data-img-link=\".\/wp-content\/uploads\/2023\/05\/GELA-252.jpg\" \n            data-img-legend=\"Speelterrein op het Van Verschuerplein 1927 [Bron: Gelders archief; Fotograaf: onbekend]\" <\/button>\n\n        <button class=\"btn1\" id=\"btn9\" \n            data-img-link=\".\/wp-content\/uploads\/2023\/05\/GELA-253.jpg\" \n            data-img-legend=\"Van Verschuerplein 1927 [Bron: Gelders archief; Fotograaf: onbekend]\" <\/button>\n\n        <button class=\"btn1\" id=\"btn10\" \n            data-img-link=\".\/wp-content\/uploads\/2023\/05\/GELA-254.jpg\" \n            data-img-legend=\"Van Oldenbarneveldtstraat 1912 [Bron: Gelders archief; Fotograaf: onbekend]\" <\/button>\n\n        <button class=\"btn1\" id=\"btn11\" \n            data-img-link=\".\/wp-content\/uploads\/2023\/05\/GELA-255.jpg\" \n            data-img-legend=\"Amerikaansche Stoom- Wasch- &#038; Strijkinrichting 1912-1930 [Bron: Gelders archief; Fotograaf: onbekend]\" <\/button>\n\n        <button class=\"btn1\" id=\"btn12\" \n            data-img-link=\".\/wp-content\/uploads\/2023\/05\/GELA-256.jpg\" \n            data-img-legend=\"Johan de Wittlaan 1934 [Bron: Gelders archief; Fotograaf: onbekend]\" <\/button>\n\n        <button class=\"btn1\" id=\"btn13\" \n            data-img-link=\".\/wp-content\/uploads\/2023\/05\/GELA-257.jpg\" \n            data-img-legend=\"Broekstraat, 1935 [Bron: Gelders archief; Fotograaf: onbekend]\" <\/button>\n\n        <button class=\"btn1\" id=\"btn14\" \n            data-img-link=\".\/wp-content\/uploads\/2023\/05\/GELA-258.jpg\" \n            data-img-legend=\"Bierbottelarij Van Pernis, Gravenstraat 1920-1930 [Bron: Gelders archief; Fotograaf: onbekend]\" <\/button>\n\n        <button class=\"btn1\" id=\"btn15\" \n            data-img-link=\".\/wp-content\/uploads\/2023\/05\/GELA-259.jpg\" \n            data-img-legend=\"Bierbottelarij Van Pernis, Gravenstraat 1920-1930 [Bron: Gelders archief; Fotograaf: onbekend]\" <\/button>\n\n        <button class=\"btn1\" id=\"btn16\" \n            data-img-link=\".\/wp-content\/uploads\/2023\/05\/GELA-277.jpg\" \n            data-img-legend=\"P.G.E.M. complex 1927 [Bron: transformatiearnhem.nl; Fotograaf: onbekend]\" <\/button>\n        <button class=\"btn1\" id=\"btn17\" \n            data-img-link=\".\/wp-content\/uploads\/2023\/05\/GELA-278.jpg\" \n            data-img-legend=\"P.G.E.M. complex 1927 [Bron: transformatiearnhem.nl; Fotograaf: onbekend]\" <\/button>\n        <button class=\"btn1\" id=\"btn18\" \n            data-img-link=\".\/wp-content\/uploads\/2023\/06\/GELA-638.jpg\" \n            data-img-legend=\"Graf Zeppelin, 1938 [Bron: Gelders archief; Fotograaf: onbekend]\" <\/button>\n   \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n<\/div>\n<style>\n#hovershow {\nposition: absolute;\ntop: 9.5%;\nright: 0%;\ndisplay: 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}\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});\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-4094","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/arnhemfrontstad.nl\/index.php?rest_route=\/wp\/v2\/pages\/4094","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=4094"}],"version-history":[{"count":105,"href":"https:\/\/arnhemfrontstad.nl\/index.php?rest_route=\/wp\/v2\/pages\/4094\/revisions"}],"predecessor-version":[{"id":20402,"href":"https:\/\/arnhemfrontstad.nl\/index.php?rest_route=\/wp\/v2\/pages\/4094\/revisions\/20402"}],"wp:attachment":[{"href":"https:\/\/arnhemfrontstad.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4094"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}