{"id":762,"date":"2023-04-27T09:17:16","date_gmt":"2023-04-27T09:17:16","guid":{"rendered":"https:\/\/wp-arnhem.fardau.com\/?page_id=762"},"modified":"2025-03-13T14:22:59","modified_gmt":"2025-03-13T14:22:59","slug":"f3d","status":"publish","type":"page","link":"https:\/\/arnhemfrontstad.nl\/?page_id=762","title":{"rendered":"F3D"},"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=762\">1900 &#8211; 1940<\/a><\/button>\n  <button><a href=\"\/?page_id=1856\">1940 &#8211; 1945<\/a><\/button>\n  <button><a href=\"\/?page_id=2221\">1945 &#8211; 1946<\/a><\/button>\n  <font size=\"4\"><b>GA NAAR:<\/b><\/font>\n  <button><a href=\"\/?page_id=666\">Links<\/a><\/button>\n  <button><a href=\"\/?page_id=753\">Boven<\/a><\/button>\n  <button><a href=\"\/?page_id=759\">Rechts<\/a><\/button>\n  <button><a href=\"\/?page_id=765\">Onder<\/a><\/button>\n  &#8212;\n  <button><a href=\"\/?page_id=846\">Zoom-uit<\/a><\/button>\n<\/div><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: 52%; left: 9%; transform: rotate(310deg);}\n #btn2 {top: 54%; left: 8.5%; transform: rotate(340deg);}\n #btn3 {top: 51.5%; left: 57%; transform: rotate(280deg);}\n #btn4 {top: 59%; left: 66%; transform: rotate(0deg);}\n #btn5 {top: 43%; left: 33%; transform: rotate(300deg);}\n #btn6 {top: 49%; left: 33%; transform: rotate(120deg);}\n #btn7 {top: 40%; left: 15%; transform: rotate(200deg);}\n #btn8 {top: 38%; left: 1%; transform: rotate(90deg);}\n #btn9 {top: 32%; left: 6%; transform: rotate(15deg);}\n #btn10 {top: 25%; left: 58%; transform: rotate(30deg);}\n #btn11 {top: 22%; left: 58%; transform: rotate(300deg);}\n #btn12 {top: 6%; left: 44%; transform: rotate(250deg);}\n #btn13 {top: 67%; left: 28%; transform: rotate(45deg);}\n #btn14 {top: 78%; left: 3%; transform: rotate(255deg);}\n #btn15 {top: 72.5%; left: 13%; transform: rotate(60deg);}\n #btn16 {top: 63.5%; left: 48%; transform: rotate(50deg);}\n #btn17 {top: 62.5%; left: 50%; transform: rotate(240deg);}\n #btn18 {top: 61%; left: 51.5%; transform: rotate(150deg);}\n #btn19 {top: 62.5%; left: 39.5%; transform: rotate(35deg);}\n #btn20 {top: 87%; left: 70%; transform: rotate(80deg);}\n #btn21 {top: 85%; left: 65%; transform: rotate(50deg);}\n #btn22 {top: 56%; left: 12%; transform: rotate(165deg);}\n #btn23 {top: 51%; left: 38%; transform: rotate(0deg);}\n #btn24 {top: 59%; left: 87%; transform: rotate(340deg);}\n #btn25 {top: 65%; left: 92%; transform: rotate(340deg);}\n #btn26 {top: 60%; left: 89%; transform: rotate(340deg);}\n #btn27 {top: 00%; left: 00%; transform: rotate(00deg);}\n #btn28 {top: 42%; left: 94%; transform: rotate(310deg);}\n #btn29 {top: 40%; left: 68%; transform: rotate(90deg);}\n #btn30 {top: 51%; left: 43%; transform: rotate(75deg);}\n\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<\/div>\n<div class=\"container\">\n        <img decoding=\"async\" src=\".\/wp-content\/uploads\/2023\/06\/1944_F3D-1.jpg\" style=\"width:100%\">\n                      \n        <button class=\"btn1\" id=\"btn1\" \n        data-img-link=\".\/wp-content\/uploads\/2023\/06\/GELA-362.jpg\" \n        data-img-legend=\"Onder de Linden, Gewestelijk Militair Hospitaal, 1925 [Bron: Gelders archief; Uitgever: Emdeeha de Hond, O'beek]\" <\/button>\n                       \n        <button class=\"btn1\" id=\"btn2\" \n        data-img-link=\".\/wp-content\/uploads\/2023\/06\/GELA-363.jpg\" \n        data-img-legend=\"Onder de Linden, Gewestelijk Militair Hospitaal, 1931 [Bron: Gelders archief; Uitgever: Benschop, A, Arnhem]\" <\/button>\n                       \n        <button class=\"btn1\" id=\"btn3\" \n        data-img-link=\".\/wp-content\/uploads\/2023\/06\/GELA-364.jpg\" \n        data-img-legend=\"Vijverlaan, 1930-1940 [Bron: Gelders archief; Fotograaf: onbekend]\" <\/button>          \n                      \n        <button class=\"btn1\" id=\"btn4\" \n        data-img-link=\".\/wp-content\/uploads\/2023\/06\/GELA-365.jpg\" \n        data-img-legend=\"Rosendaalsestraat, School 16a, 1910-1930 [Bron: Gelders archief; Fotograaf: onbekend]\" <\/button>                   \n        <button class=\"btn1\" id=\"btn5\" \n        data-img-link=\".\/wp-content\/uploads\/2023\/06\/GELA-366.jpg\" \n        data-img-legend=\"Thomas a Kempislaan, Baumanns Gat, 1920 [Bron: Gelders archief; Fotograaf: onbekend]\" <\/button>\n        <button class=\"btn1\" id=\"btn6\" \n        data-img-link=\".\/wp-content\/uploads\/2023\/06\/GELA-367.jpg\" \n        data-img-legend=\"Kazernestraat, 1915 [Bron: Gelders archief; Fotograaf: onbekend]\" <\/button>\n                        \n         <button class=\"btn2\" id=\"btn7\" \n        data-img-link=\".\/wp-content\/uploads\/2023\/06\/GELA-368.jpg\" \n        data-img-legend=\"Klarendal en omgeving, 1930-1935 [Bron: Gelders archief; Fotograaf: \nK.L.M.]\" <\/button>\n                        \n         <button class=\"btn1\" id=\"btn8\" \n        data-img-link=\".\/wp-content\/uploads\/2023\/06\/GELA-369.jpg\" \n        data-img-legend=\"Thomas a Kempislaan, rechts de Klaas Katerlaan, 1926 [Bron: Gelders archief; Fotograaf: onbekend]\" <\/button>\n                        \n         <button class=\"btn1\" id=\"btn9\" \n        data-img-link=\".\/wp-content\/uploads\/2023\/06\/GELA-370.jpg\" \n        data-img-legend=\"Hommelseweg, 1930-1940 [Bron: Gelders archief; Fotograaf: onbekend]\" <\/button>\n                           \n         <button class=\"btn1\" id=\"btn10\" \n        data-img-link=\".\/wp-content\/uploads\/2023\/06\/GELA-371.jpg\" \n        data-img-legend=\"Bosweg, Uitspanning Monnikenhuizen, ca. 1900 [Bron: Gelders archief; Fotograaf: onbekend]\" <\/button>\n                           \n         <button class=\"btn1\" id=\"btn11\" \n        data-img-link=\".\/wp-content\/uploads\/2023\/06\/GELA-372.jpg\" \n        data-img-legend=\"Bosweg, Arnhemse Buitenschool Monnikenhuizen, 1935 [Bron: Gelders archief; Fotograaf: onbekend]\" <\/button>\n                          \n         <button class=\"btn1\" id=\"btn12\" \n        data-img-link=\".\/wp-content\/uploads\/2023\/06\/GELA-373.jpg\" \n        data-img-legend=\"Bosweg, 1920-1930 [Bron: Gelders archief; Fotograaf: onbekend]\" <\/button>                        \n                             \n         <button class=\"btn1\" id=\"btn13\" \n        data-img-link=\".\/wp-content\/uploads\/2023\/06\/GELA-374.jpg\" \n        data-img-legend=\"Klarendalseweg,Menno van Coehoorn kazerne, 1918 [Bron: Gelders archief; Fotograaf: onbekend]\" <\/button>                        \n                             \n         <button class=\"btn1\" id=\"btn14\" \n        data-img-link=\".\/wp-content\/uploads\/2023\/06\/GELA-375.jpg\" \n        data-img-legend=\"Klarendalseweg, Klarendalse kapel, ca. 1900 [Bron: Gelders archief; Fotograaf: onbekend]\" <\/button>                        \n                            \n         <button class=\"btn1\" id=\"btn15\" \n        data-img-link=\".\/wp-content\/uploads\/2023\/06\/GELA-376.jpg\" \n        data-img-legend=\"Klarendalseweg, ca. 1900 [Bron: Gelders archief; Fotograaf: onbekend]\" <\/button>                        \n                             \n         <button class=\"btn1\" id=\"btn16\" \n        data-img-link=\".\/wp-content\/uploads\/2023\/06\/GELA-473.jpg\" \n        data-img-legend=\"St. Janskerkstraat, ca. 1936 [Bron: Gelders archief; Fotograaf: onbekend]\" <\/button>                        \n                             \n         <button class=\"btn1\" id=\"btn17\" \n        data-img-link=\".\/wp-content\/uploads\/2023\/06\/GELA-474.jpg\" \n        data-img-legend=\"St. Janskerkstraat, ca. 1936 [Bron: Gelders archief; Fotograaf: onbekend]\" <\/button>                        \n                              \n         <button class=\"btn1\" id=\"btn18\" \n        data-img-link=\".\/wp-content\/uploads\/2023\/06\/GELA-475.jpg\" \n        data-img-legend=\"St. Janskerkstraat, ca. 1933 [Bron: Gelders archief; Fotograaf: onbekend]\" <\/button>                        \n                              \n         <button class=\"btn1\" id=\"btn19\" \n        data-img-link=\".\/wp-content\/uploads\/2023\/06\/GELA-476-1.jpg\" \n        data-img-legend=\"Kazernestraat, ca. 1925 [Bron: Gelders archief; Fotograaf: onbekend]\" <\/button>                        \n                                \n         <button class=\"btn1\" id=\"btn20\" \n        data-img-link=\".\/wp-content\/uploads\/2023\/06\/GELA-480.jpg\" \n        data-img-legend=\"Ernst Casimirlaan hoek Oude Velperweg, ca. 1910 [Bron: Gelders archief; Uitgever:\nSchaefer, J.H., Amsterdam\" <\/button>                        \n                                \n         <button class=\"btn1\" id=\"btn21\" \n        data-img-link=\".\/wp-content\/uploads\/2023\/06\/GELA-481.jpg\" \n        data-img-legend=\"Raapopsche Weg, 1901 [Bron: Gelders archief; Fotograaf: onbekend]\" <\/button>                        \n                                \n         <button class=\"btn1\" id=\"btn22\" \n        data-img-link=\".\/wp-content\/uploads\/2023\/06\/GELA-519.jpg\" \n        data-img-legend=\"Het Noordpad, 1935 [Bron: Gelders archief; Fotograaf: onbekend]\" <\/button>                        \n         <button class=\"btn1\" id=\"btn23\" \n        data-img-link=\".\/wp-content\/uploads\/2023\/06\/GELA-609.jpg\" \n        data-img-legend=\"Doorkijk vanuit vogelbuurt ten noorden van Klarenbeek naar Stenen Tafel, 1920-1930 [Bron: Gelders archief; Fotograaf: onbekend]\" <\/button>                                    \n          <button class=\"btn1\" id=\"btn24\" \n        data-img-link=\".\/wp-content\/uploads\/2023\/07\/GELA-659.jpg\" \n        data-img-legend=\"Internaat Klarenbeek, 1935-1940 [Bron: Gelders archief; Fotograaf: onbekend]\" <\/button>                  \n       <button class=\"btn1\" id=\"btn25\" \n        data-img-link=\".\/wp-content\/uploads\/2023\/07\/GELA-660.jpg\" \n        data-img-legend=\"Internaat Klarenbeek, 1934 [Bron: Gelders archief; Uitgever: Ypey, D. M., Arnhem]\" <\/button>                                         \n       <button class=\"btn1\" id=\"btn26\" \n        data-img-link=\".\/wp-content\/uploads\/2023\/07\/GELA-662.jpg\" \n        data-img-legend=\"Familie Hotel Klarenbeek, 1901 [Bron: Gelders archief; Fotograaf: onbekend]\" <\/button> \n        \n\n\n\n\n         <button class=\"btn1\" id=\"btn28\" \n        data-img-link=\".\/wp-content\/uploads\/2023\/07\/GELA-666.jpg\" \n        data-img-legend=\"Angerenstein, De kwekerij, ca. 1925 [Bron: Gelders archief; Fotograaf: onbekend]\" <\/button>                                                                  \n         <button class=\"btn1\" id=\"btn29\" \n        data-img-link=\".\/wp-content\/uploads\/2023\/07\/GELA-672.jpg\" \n        data-img-legend=\"Rosendaalseweg, Sportdemonstratie. Op 21 juni 1930 werd op het terrein van Voetbalvereniging Vitesse door de Gemeentelijke Commissie voor lichamelijke Opvoeding een grote Jeugd demonstratie georganiseerd door Arnhemse Gymnastiek Verenigingen, 1930 [Bron: Gelders archief; Fotograaf: onbekend]\" <\/button>    \n          <button class=\"btn1\" id=\"btn30\" \n        data-img-link=\".\/wp-content\/uploads\/2023\/07\/GELA-714.jpg\" \n        data-img-legend=\"3e Mussenstraat, 1933 [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        \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 {\n\tposition: absolute;\n\ttop: 9.5%;\n\tright: 0%;\n\tdisplay: 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 {\n\tposition: absolute;\n\ttop: 0;\n\tright: 0;\n\tmargin: 5px;\n\tpadding: 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\t\tmax-width: 850px;\n                max-height: 800px;\n}\n#hovershow.visible {\n\tdisplay: block;\n}\n<\/style>\n<script>\ndocument.querySelectorAll('.container .btn1').forEach(function(button) {\n\tbutton.addEventListener('click', showImage);\n});\ndocument.querySelectorAll('.container .btn2').forEach(function(button) {\n\tbutton.addEventListener('click', showImage);\n});\ndocument.querySelectorAll('.container .btn3').forEach(function(button) {\n\tbutton.addEventListener('click', showImage);\n});\ndocument.querySelectorAll('.container .btn4').forEach(function(button) {\n\tbutton.addEventListener('click', showImage);\n});\ndocument.querySelectorAll('.container .btn5').forEach(function(button) {\n\tbutton.addEventListener('click', showImage);\n});\ndocument.querySelectorAll('.container .btn6').forEach(function(button) {\n\tbutton.addEventListener('click', showImage);\n});\nfunction showImage() {\n\tlet button = document.getElementById(this.id);\n\tlet hovershowDiv = document.getElementById('hovershow');\n\tconsole.log(button);\n\thovershowDiv.querySelector('img').src = button.dataset.imgLink;\n\thovershowDiv.querySelector('p').textContent = button.dataset.imgLegend;\n\thovershowDiv.classList.add('visible');\n}\ndocument.getElementById('closehovershow').addEventListener('click', function() {\n\tdocument.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-762","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/arnhemfrontstad.nl\/index.php?rest_route=\/wp\/v2\/pages\/762","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=762"}],"version-history":[{"count":123,"href":"https:\/\/arnhemfrontstad.nl\/index.php?rest_route=\/wp\/v2\/pages\/762\/revisions"}],"predecessor-version":[{"id":20496,"href":"https:\/\/arnhemfrontstad.nl\/index.php?rest_route=\/wp\/v2\/pages\/762\/revisions\/20496"}],"wp:attachment":[{"href":"https:\/\/arnhemfrontstad.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=762"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}