{"id":19070,"date":"2023-12-03T10:00:51","date_gmt":"2023-12-03T10:00:51","guid":{"rendered":"https:\/\/arnhemfrontstad.nl\/?page_id=19070"},"modified":"2025-03-12T16:14:08","modified_gmt":"2025-03-12T16:14:08","slug":"luchtfoto-1944","status":"publish","type":"page","link":"https:\/\/arnhemfrontstad.nl\/?page_id=19070","title":{"rendered":"Luchtfoto incl. benaming\/hoofdwegen"},"content":{"rendered":"\n<body>\n\n<p><style=\"font-family:paletine;\"><font size=6%><p>Verkenningsfoto&#8217;s van de British Royal Air Force (RAF)<\/p>\n<style=\"font-family:paletine;\"><font size=4%><p>Onderstaand overzicht is een samenstelling van 200+ luchtfoto&#8217;s en zijn begin september 1944 genomen ter voorbereiding op Operatie: Market-Garden.\n<br>Een aantal foto&#8217;s in de omgeving van Doorwerth is van na 16 september 1944, hier en daar zijn de landingsvliegtuigen zichtbaar<\/br>\n(Sommige gedeeltes zijn door een te lage resolutie niet beschikbaar.)<\/br><\/p>\n<p> Wanneer de vergroting niet overeenkomt met het geselecteerde gedeelte op de luchtfoto, dan de pagina even verversen.<\/p>\n\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<body>\n<div class=\"btn-group\">\n  <button><a href=\"\/?page_id=57\">Basis overzicht<\/a><\/button>\n  <button><a href=\"\/?page_id=19070\">Benaming ter ori\u00ebntatie<\/a><\/button>\n  <button><a href=\"\/?page_id=19064\"><u>Market Garden: landing + routes<\/u><\/a><\/button>\n<head>\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<style>\n* {box-sizing: border-box;}\n\n.img-zoom-container {\n  display: flex; \/* Align image and zoom result side by side *\/\n  align-items: flex-start;\n  gap: 20px; \/* Add space between image and zoom result *\/\n  position: relative; \/* Ensures the lens moves correctly *\/\n}\n\n.img-zoom-lens {\n  position: absolute;\n  border: 2px solid yellow;\n  width: 60px;\n  height: 60px;\n  pointer-events: none; \/* Prevents the lens from blocking cursor movement *\/\n}\n\n.img-zoom-result {\n  border: 1px solid #d4d4d4;\n  width: 600px;\n  height: 600px;\n  background-repeat: no-repeat;\n}\n<\/style>\n<script>\nfunction imageZoom(imgID, resultID) {\n  var img, lens, result, cx, cy;\n  img = document.getElementById(imgID);\n  result = document.getElementById(resultID);\n\n  \/* Create lens *\/\n  lens = document.createElement(\"DIV\");\n  lens.setAttribute(\"class\", \"img-zoom-lens\");\n\n  \/* Insert lens *\/\n  img.parentElement.insertBefore(lens, img);\n\n  \/* Calculate the zoom ratio *\/\n  cx = result.offsetWidth \/ lens.offsetWidth;\n  cy = result.offsetHeight \/ lens.offsetHeight;\n\n  \/* Set background properties for zoom result *\/\n  result.style.backgroundImage = \"url('\" + img.src + \"')\";\n  result.style.backgroundSize = (img.width * cx) + \"px \" + (img.height * cy) + \"px\";\n\n  \/* Event listeners *\/\n  lens.addEventListener(\"mousemove\", moveLens);\n  img.addEventListener(\"mousemove\", moveLens);\n  lens.addEventListener(\"touchmove\", moveLens);\n  img.addEventListener(\"touchmove\", moveLens);\n\n  function moveLens(e) {\n    var pos, x, y;\n\n    \/* Prevent default behavior *\/\n    e.preventDefault();\n\n    \/* Get cursor position relative to image *\/\n    pos = getCursorPos(e);\n\n    \/* Adjust lens position *\/\n    x = pos.x - (lens.offsetWidth \/ 2);\n    y = pos.y - (lens.offsetHeight \/ 2);\n\n    \/* Prevent lens from moving outside the image *\/\n    if (x > img.width - lens.offsetWidth) { x = img.width - lens.offsetWidth; }\n    if (x < 0) { x = 0; }\n    if (y > img.height - lens.offsetHeight) { y = img.height - lens.offsetHeight; }\n    if (y < 0) { y = 0; }\n\n    \/* Set lens position *\/\n    lens.style.left = x + \"px\";\n    lens.style.top = y + \"px\";\n\n    \/* Update zoom result background position *\/\n    result.style.backgroundPosition = \"-\" + (x * cx) + \"px -\" + (y * cy) + \"px\";\n  }\n\n  function getCursorPos(e) {\n    var a, x = 0, y = 0;\n    e = e || window.event;\n\n    \/* Get image position *\/\n    a = img.getBoundingClientRect();\n\n    \/* Calculate cursor position relative to image *\/\n    x = e.clientX - a.left;\n    y = e.clientY - a.top;\n\n    return { x: x, y: y };\n  }\n}\n<\/script>\n<\/head>\n\n<div class=\"img-zoom-container\">\n  <img fetchpriority=\"high\" decoding=\"async\" id=\"myimage\" src=\".\/wp-content\/uploads\/2023\/12\/Arnhem_1944_4.jpg\" width=\"680\" height=\"460\">\n  <div id=\"myresult\" class=\"img-zoom-result\"><\/div>\n<\/div>\n\n<script>\n\/\/ Initiate zoom effect\nimageZoom(\"myimage\", \"myresult\");\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Basis overzicht Benaming ter ori\u00ebntatie Market Garden: landing + routes<\/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-19070","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/arnhemfrontstad.nl\/index.php?rest_route=\/wp\/v2\/pages\/19070","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=19070"}],"version-history":[{"count":6,"href":"https:\/\/arnhemfrontstad.nl\/index.php?rest_route=\/wp\/v2\/pages\/19070\/revisions"}],"predecessor-version":[{"id":20262,"href":"https:\/\/arnhemfrontstad.nl\/index.php?rest_route=\/wp\/v2\/pages\/19070\/revisions\/20262"}],"wp:attachment":[{"href":"https:\/\/arnhemfrontstad.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=19070"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}