CINXE.COM
Yellowhead Pass National Historic Site
<!DOCTYPE html> <!--[if lt IE 9]><html class="no-js lt-ie9" lang="en" dir="ltr"><![endif]--><!--[if gt IE 8]><!--> <html class="no-js" lang="en" dir="ltr"> <!--<![endif]--> <head> <meta charset="utf-8"> <!-- Web Experience Toolkit (WET) / Boîte à outils de l'expérience Web (BOEW) wet-boew.github.io/wet-boew/License-en.html / wet-boew.github.io/wet-boew/Licence-fr.html --> <title>Yellowhead Pass National Historic Site</title> <meta content="width=device-width,initial-scale=1" name="viewport"> <!-- Meta data --> <meta name="description" content="Referred to by early fur traders as “leather pass,” it is a major transportation route through the Rocky Mountains."> <meta name="dcterms.title" content="Yellowhead Pass National Historic Site"> <meta name="dcterms.creator" content="Parks Canada Agency, Government of Canada"> <meta name="dcterms.issued" title="W3CDTF" content="2022-11-23"> <meta name="dcterms.modified" title="W3CDTF" content="2023-12-07"> <meta name="dcterms.subject" title="scheme" content="Parks Canada"> <meta name="dcterms.language" title="ISO639-2" content="eng"> <meta property="og:url" content="https://parks.canada.ca/lhn-nhs/ab/yellowhead"> <meta property="og:title" content="Yellowhead Pass National Historic Site"> <meta property="og:description" content="Referred to by early fur traders as “leather pass,” it is a major transportation route through the Rocky Mountains."> <meta property="og:image" content="https://pcweb2.azureedge.net/-/media/lhn-nhs/ab/yellowhead/WET4/OG_Yellowhead_1200x630-Facebook.jpg?modified=20221123230752"> <meta property="fb:app_id" content="1909567142706283"> <!-- End Meta data--> <!--[if gte IE 9 | !IE ]><!--> <link href="/Content/GCWeb/assets/favicon.ico" rel="icon" type="image/x-icon"> <link rel="stylesheet" href="/Content/GCWeb/css/theme.min.css"> <link rel="stylesheet" href="/Content/css/ParksCanada/error.css"> <link rel="stylesheet" href="/invitation-manager/Overlay.css" /> <script src="https://kit.fontawesome.com/9090ff3cfc.js" crossorigin="anonymous"></script> <!--<![endif]--> <!--[if lt IE 9]> <link href="./GCWeb/assets/favicon.ico" rel="shortcut icon" /> <link rel="stylesheet" href="http://wet-boew.github.io/themes-dist/GCWeb/GCWeb/css/ie8-theme.min.css" /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="./wet-boew/js/ie8-wet-boew.min.js"></script> <![endif]--> <!--[if lte IE 9]> <![endif]--> <!--[if gte IE 9 | !IE ]><!--> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.js"></script> <!--<![endif] --> <noscript><link rel="stylesheet" href="/Content/wet-boew/css/noscript.min.css" /></noscript> <link rel="stylesheet" href="/Content/css/ParksCanada/pc.css"> <script src="/Content/js/equalheight.js"></script> <script src="/Content/js/script.js"></script> <!-- Google Tag Manager --> <script> (function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-MV3MGRQ'); </script> <!-- End Google Tag Manager --> </head> <body class="" vocab="http://schema.org/" typeof="WebPage"> <!-- Google Tag Manager (noscript) --> <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MV3MGRQ" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript> <!-- End Google Tag Manager (noscript) --> <ul id="wb-tphp"> <li class="wb-slc"><a class="wb-sl" href="#wb-cont">Skip to main content</a></li> <li class="wb-slc"><a class="wb-sl" href="#wb-info">Skip to "About government"</a></li> </ul> <span typeof="Organization"><meta property="legalName" content="Parks_Canada_Agency"></span> <!-- Header --> <header role="banner"> <div> <div id="wb-bnr" class="container"> <section id="wb-lng" class="text-right"> <h2 class="wb-inv">Language selection</h2> <div class="row"> <div class="col-md-12"> <ul class="list-inline margin-bottom-none"> <li><a lang="fr" href="https://parcs.canada.ca/lhn-nhs/ab/yellowhead">Français</a></li> </ul> </div> </div> </section> <div class="row"> <div class="brand col-xs-5 col-md-4"> <a href="https://www.canada.ca/en.html"> <img src="/Content/GCWeb/assets/sig-blk-en.svg" alt=""> <span class="wb-inv"> Government of Canada / <span lang="fr">Gouvernement du Canada</span></span> </a> </div> <section id="wb-srch" class="col-lg-8 text-right"> <h2>Search</h2> <form action="https://www.canada.ca/en/parks-canada/search.html" method="get" role="search" class="form-inline"> <div class="form-group"> <label for="wb-srch-q" class="wb-inv">Search website</label> <input id="wb-srch-q" list="wb-srch-q-ac" class="wb-srch-q form-control" name="q" type="search" value="" size="27" maxlength="150" placeholder="Search Parks Canada"> <input name="st" value="s" type="hidden" /> <input name="num" value="10" type="hidden" /> <input name="langs" value="eng" type="hidden" /> <input name="st1rt" value="0" type="hidden"> <input name="s5bm3ts21rch" value="x" type="hidden" /> <datalist id="wb-srch-q-ac"> <!--[if lte IE 9]><select><![endif]--> <!--[if lte IE 9]></select><![endif]--> </datalist> </div> <div class="form-group submit"> <button type="submit" id="wb-srch-sub" class="btn btn-primary btn-small" name="wb-srch-sub"><span class="glyphicon-search glyphicon"></span><span class="wb-inv">Search</span></button> </div> </form> </section> </div> </div> </div> <!-- Main Navigation --> <!-- End Main Navigation --><!-- Breadcrumb --> <nav role="navigation" id="wb-bc" property="breadcrumb"> <h2>You are here:</h2> <div class="container"> <div class="row"> <ol class="breadcrumb"> <li> <a href="https://www.canada.ca/en.html">Canada.ca</a> </li> <li> <a href="/">Parks Canada</a> </li> <li> <a href="https://parks.canada.ca/lhn-nhs">National historic sites</a> </li> </ol> </div> </div> </nav> <!-- End Breadcrumb --> </header> <!-- End Header --> <!-- Page Layout --> <main role="main" property="mainContentOfPage"> <!-- Banner Image --> <figure class="banner-image"> <img class="img-responsive" src="https://pcweb2.azureedge.net/-/media/lhn-nhs/ab/yellowhead/WET4/AB-Yellowhead-Pass-NHS_location-banner_1920x480.jpg?modified=20221123230746" alt=""> </figure> <!-- End Banner Image --> <div class="container"> <h1 property="name" id="wb-cont" dir="ltr">Yellowhead Pass National Historic Site</h1> <div class="container"> <div class="row"> <!-- showing the basic doormat pattern - refer to the Services and information documentation for options --> <section class="gc-srvinfo col-md-12"> <div class="wb-eqht row wb-init"> </div> </section> </div> </div> </div> <!-- Page Title Underlined --> <!-- One Column Content --> <div class="container"> <!-- Intro Text --> <div id="wb-cont-1"> <p><p> Today the Yellowhead Pass is a valley corridor containing a highway and railway beside crystal clear rivers, through dense forests under rugged peaks links Jasper town site and the provincial border of British Columbia. In the past the low elevation made for easy movement for Indigenous peoples, fur trappers, railways and explorers. The name Yellowhead is the nickname of a fair-haired Metis-Iroquois-freeman named Bostonais, active here in the early 1800s. </p></p> </div> <!-- End Intro Text --> </div> <div class="container"> <!-- Top Content --> <div id="wb-cont-4"> <p></p> </div> <!-- End Top Content --> </div> <div class="container"> <!-- Feature Section --> <!-- End Feature Section --> </div> <!-- Most Requested Menu--> <!-- End Most Requested Menu --> <div class="container"> <!-- Doormat Menu(s)--> <section class="row"> <div> <section class="gc-srvinfo col-xs-12 mrgn-bttm-xl col-md-12"> <div class="wb-eqht row"> <div class="col-lg-4 col-md-6"> <h3> <a class="pc-doormat" href="https://parks.canada.ca/lhn-nhs/ab/yellowhead/visit" rel="external">Plan your visit</a> </h3> <p>How to get to the Yellowhead Pass National Historic Site.</p> </div> <div class="col-lg-4 col-md-6"> <h3> <a class="pc-doormat" href="https://parks.canada.ca/lhn-nhs/ab/yellowhead/info" rel="external">Stewardship and management</a> </h3> <p>Learn about site management at the Yellowhead Pass National Historic Site.</p> </div> </div> </section> </div> </section> <!-- End Doormat Menu(s) --> <!-- Two Column --> <div class="row mrgn-bttm-lg"> <!-- Column One --> <div class="col-md-7"> <!-- Free Form Callout Well --> <!-- End Free Form Callout Well --> <!-- Getting here --> <!-- GeomapStart --> <div class="row"> <div class="col-sm-12"> <div id="location_map" class="wb-geomap" data-wb-geomap='{ "layersFile" : "/content/js/gettingHere.js" , "tables" : [{ "id" : "addParksCan" , "tab" : false, "tooltips" : true, "tooltipText" : "Location text" , "visible" : true, "popupsInfo" : { "id" : "locationsPopup" , "height" : 200, "width" : 300, "close" : true, "content" : "<div style=\" white-space:nowrap;\"><p>_Location name</p></div>" }, "popups" : true, "zoom": true, "style": { "type": "rule", "rule": [ { "field": "Type", "value": [3], "filter": "EQUAL_TO", "name": " ", "init": { "externalGraphic": "/-/media/Images/Location-Search/amcnmca-svg4-png", "graphicWidth": 25,"graphicHeight": 40, "fillOpacity": 1}} , { "field": "Type", "value": [2], "filter": "EQUAL_TO", "name": " ", "init": { "externalGraphic": "/-/media/Images/Location-Search/lhnnhs-svg5-png", "graphicWidth": 25,"graphicHeight": 40, "fillOpacity": 1}}, { "field": "Type", "value": [1], "filter": "EQUAL_TO", "name": " ", "init": { "externalGraphic": "/-/media/Images/Location-Search/pnnp-svg5-png", "graphicWidth": 25,"graphicHeight": 40, "fillOpacity": 1}} ] } }] }'> <div class="row"> <div class="col-md-12"> <!-- Insert Map Start (mandatory) --> <div class="wb-geomap-map"></div> <!-- Insert Map End --> </div> <!-- Insert Legend Start (optional) --> <!-- Insert Legend End --> </div> <!-- Insert Layer Data Start (mandatory) --> <div class="row hidden"> <section> <div class="wb-geomap-layers col-md-12"> <section> <div class="wb-geomap-layers col-md-12"> <section> <table id="addParksCan" aria-label="National historic sites" class="locationTable"> <thead> <tr> <th>Type</th> <th>Location text</th> <th>Location name</th> <th>Address</th> </tr> </thead> <tbody> <tr locationTarget="Yellowhead Pass National Historic Site" data-geometry="POINT (-118.4515825, 52.8818422)" data-type="wkt"> <td>2</td> <td>Yellowhead Pass National Historic Site</td> <td>Yellowhead Pass National Historic Site</td> <td></td> </tr> </tbody> </table> </section> </div> </section> </div> </section> </div> <!-- Insert Layer Data End --> </div> </div> </div> <!-- GeomapEnd --> <p><p>Roadside pullout, 25 km west of Jasper on Highway 16 in Jasper National Park, Alberta</p></p> <script> $(document).on("wb-ready.wb-geomap", "#location_map", function(event, map ) { // Get the map to use in zoomFeature function var myMap = map; // if reprojection is needed myMap.getView().setCenter(ol.proj.transform([-118.4515825, 52.8818422], "EPSG:4326", "EPSG:900913")); myMap.getView().setZoom(7); }); </script> </div> <!-- End Column One --> <!-- Column Two --> <div class="col-md-5"> <!-- Contact Us --> <div class=""> <h3 class="mrgn-tp-0 mrgn-bttm-md">Contact us</h3> <p> <a href="mailto:pc.jasperinfo@pc.gc.ca">jasperinfo@pc.gc.ca</a> </p> </div> <!-- End Contact Us --> <!-- Hours --> <div class=""> <h3 class="mrgn-tp-xl mrgn-bttm-md">Hours of operation</h3> <p>Always open</p> </div> <!-- End Hours --><!-- Social Media --> <!-- End Social Media--> </div> <!-- End Column Two --> </div> <!-- End Two Column --> </div> <div class="container"> <!-- Bottom Content --> <div id="wb-cont-5"> <p></p> </div> <!-- End Bottom Content --> </div> <div class="container"> </div> <!-- Feature Section --> <section class="sites-nearby-list well well-sm brdr-0 mrgn-bttm-0" data-nosnippet=""> <div class="container"> <div class="row"> <h2 class="col-lg-12 col-xs-12" property="name"> More places to discover with Parks Canada </h2> </div> <div class="row wb-eqht"> <div class="col-xs-12 col-sm-4 mrgn-bttm-xl"> <a href="https://parks.canada.ca/lhn-nhs/ab/athabasca"> <img class="full-width brdr-bttm pc-brdr-brass pc-brdr-bttm-md" src="https://pcweb2.azureedge.net/-/media/WET4/proximite-nearby/ab/AB-Athabasca-Pass-NHS_most-places_640x360.jpg?modified=20221126221033" alt=""> </a> <div class="brdr-tp brdr-bttm brdr-lft brdr-rght pc-brdr-grey"> <div class="eqht-trgt mrgn-bttm-md mrgn-lft-md mrgn-rght-md"> <h3 class="h5"> <a href="https://parks.canada.ca/lhn-nhs/ab/athabasca"> Athabasca Pass National Historic Site </a> </h3> <p>A major fur trade transportation route traversed by David Thompson and other early adventurers during the mid 1800s.</p> </div> </div> </div> <div class="col-xs-12 col-sm-4 mrgn-bttm-xl"> <a href="https://parks.canada.ca/lhn-nhs/ab/jasperinformation"> <img class="full-width brdr-bttm pc-brdr-brass pc-brdr-bttm-md" src="https://pcweb2.azureedge.net/-/media/WET4/proximite-nearby/ab/AB-JasperInfoCentre-NHS_most-places_640x360.jpg?modified=20221126221034" alt=""> </a> <div class="brdr-tp brdr-bttm brdr-lft brdr-rght pc-brdr-grey"> <div class="eqht-trgt mrgn-bttm-md mrgn-lft-md mrgn-rght-md"> <h3 class="h5"> <a href="https://parks.canada.ca/lhn-nhs/ab/jasperinformation"> Jasper Park Information Centre National Historic Site </a> </h3> <p>Built in 1913, is one of the finest and most influential examples of the rustic design tradition in Canada's national parks.</p> </div> </div> </div> <div class="col-xs-12 col-sm-4 mrgn-bttm-xl"> <a href="https://parks.canada.ca/lhn-nhs/ab/jasperhouse"> <img class="full-width brdr-bttm pc-brdr-brass pc-brdr-bttm-md" src="https://pcweb2.azureedge.net/-/media/WET4/proximite-nearby/ab/ab-jasper-house-lhn-nhs-640x360.jpg?modified=20221126221034" alt=""> </a> <div class="brdr-tp brdr-bttm brdr-lft brdr-rght pc-brdr-grey"> <div class="eqht-trgt mrgn-bttm-md mrgn-lft-md mrgn-rght-md"> <h3 class="h5"> <a href="https://parks.canada.ca/lhn-nhs/ab/jasperhouse"> Jasper House National Historic Site </a> </h3> <p>The archaeological remains of an 1829 fur trade post.</p> </div> </div> </div> </div> </div> </section> <!-- End Feature Section --> <!-- End One Column Content --> <!-- Modified Date --> <section class="well well-sm brdr-0 mrgn-bttm-0" style="box-shadow: none;"> <div class="container"> <div class="row pagedetails"> <div class="datemod col-xs-12 mrgn-tp-lg"> <dl id="wb-dtmd"> <dt>Date modified : </dt> <dd><time property="dateModified">2023-12-07</time></dd> </dl> </div> </div> </div> </section> <!-- End Modified Date --> <section id="footerSection" tabindex="-1"> <footer class="pc-footer bg-hg"> <section class="container"> <div class="row"> <div class="col-xs-12"> <img src="/-/media/Static/Footer/pc-beaver-white" alt="Parks Canada logo" class="pc-logo center-block mrgn-tp-xl"> </div> </div> <div class="row center-block mrgn-tp-lg"> <div class="col-xs-12 col-sm-4 center-block mrgn-bttm-md"><a href="https://parks.canada.ca/agence-agency/emplois-jobs" class="btn btn-footer col-xs-12 col-sm-10 col-sm-offset-1"><strong>Job opportunities</strong></a></div> <div class="col-xs-12 col-sm-4 center-block mrgn-bttm-md"><a href="https://parks.canada.ca/agence-agency/benevolat-volunteering" class="btn btn-footer col-xs-12 col-sm-10 col-sm-offset-1"><strong>Volunteer</strong></a></div> <div class="col-xs-12 col-sm-4 center-block mrgn-bttm-md"><a href="https://parks.canada.ca/agence-agency/partenaires-partners" class="btn btn-footer col-xs-12 col-sm-10 col-sm-offset-1"><strong>Partner</strong></a></div> </div> <div class="mrgn-tp-lg"> <h2>Contact us</h2> <ul class="list-unstyled lst-spcd colcount-sm-2"> <li><a href="/agence-agency/courriel-email">Contact Parks Canada</a></li> </ul> </div> <div class="row"> <div class="col-sm-8"> <h2>About the Parks Canada Agency</h2> <ul class="list-unstyled lst-spcd colcount-sm-2"> <li><a href="https://parks.canada.ca/agence-agency/mandat-mandate" class="wb-lbx wb-init wb-lbx-inited">Mandate and Charter</a></li> <li><a href="https://parks.canada.ca/agence-agency/dp-pd" class="wb-lbx wb-init wb-lbx-inited">Transparency</a></li> <li><a href="https://parks.canada.ca/agence-agency/mandat-mandate/dg_ceo" class="wb-lbx wb-init wb-lbx-inited">Message from the President and Chief Executive Officer</a></li> <li><a href="https://parks.canada.ca/agence-agency/aa-ia" class="wb-lbx wb-init wb-lbx-inited"> Indigenous relations at Parks Canada </a></li> <li><a href="https://parks.canada.ca/agence-agency/bib-lib/plans" class="wb-lbx wb-init wb-lbx-inited">Strategies and plans</a></li> <li><a href="https://parks.canada.ca/agence-agency/bib-lib/rapports-reports" class="wb-lbx wb-init wb-lbx-inited">Reports</a></li> <li><a href="https://parks.canada.ca/termes-terms" class="wb-lbx wb-init wb-lbx-inited">Terms and conditions</a></li> <li><a href="https://www.canada.ca/en/news/advanced-news-search/news-results.html?_=1668724970005&dprtmnt=parkscanada&start=&end=" rel="external" class="wb-lbx wb-init wb-lbx-inited">News</a></li> <li><a href="https://parks.canada.ca/lhn-nhs" class="wb-lbx wb-init wb-lbx-inited">National historic sites</a></li> <li><a href="https://parks.canada.ca/pn-np" class="wb-lbx wb-init wb-lbx-inited">National parks</a></li> <li><a href="https://parks.canada.ca/amnc-nmca" class="wb-lbx wb-init wb-lbx-inited">National marine conservation areas</a></li> <li><a href="https://parks.canada.ca/pun-nup" class="wb-lbx wb-init wb-lbx-inited">National urban parks</a></li> <li><a href="https://parks.canada.ca/nature/science" class="wb-lbx wb-init wb-lbx-inited">Nature and science</a></li> <li><a href="https://parks.canada.ca/culture" class="wb-lbx wb-init wb-lbx-inited">Culture and history</a></li> </ul> </div> <div class="col-sm-4"> <h2>Minister</h2> <p><a href="https://pm.gc.ca/en/cabinet/honourable-steven-guilbeault" rel="external" class="wb-lbx wb-init wb-lbx-inited">The Honourable Steven Guilbeault<br><small> Minister of Environment and Climate Change</small></a></p> <h2>Connect with us</h2> <ul class="list-unstyled list-inline nowrap text-white"> <li><a class="mrgn-rght-md" href="https://www.facebook.com/parkscanada"><span class="fab fa-facebook fa-2x follow-social" aria-hidden="true"></span><span class="wb-inv">Facebook</span></a></li> <li><a class="mrgn-rght-md" href="https://twitter.com/parkscanada"><span class="fab fa-twitter fa-2x follow-social" aria-hidden="true"></span><span class="wb-inv">Twitter</span></a></li> <li><a class="mrgn-rght-md" href="https://www.youtube.com/ParksCanada"><span class="fab fa-youtube fa-2x follow-social" aria-hidden="true"></span><span class="wb-inv">YouTube</span></a></li> <li><a class="mrgn-rght-md" href="https://www.instagram.com/parks.canada/"><span class="fab fa-instagram fa-2x follow-social" aria-hidden="true"></span><span class="wb-inv">Instagram</span></a></li> </ul> <ul class="list-unstyled lst-spcd colcount-sm-1"> <li><a href="https://pcan-ebulletin.ca/en/signup" rel="external" class="wb-lbx wb-init wb-lbx-inited">Sign up for the newsletter</a></li> <li><a href="https://parks.canada.ca/voyage-travel/app" class="wb-lbx wb-init wb-lbx-inited">Download the app</a></li> </ul> </div> </div> </section> </footer> <footer id="wb-info"> <div class="landscape"> <nav class="container wb-navcurr"> <h2 class="wb-inv">About government</h2> <ul class="list-unstyled colcount-sm-2 colcount-md-3"> <li><a href="https://www.canada.ca/en/contact.html" rel="external">Contact us</a></li> <li><a href="https://www.canada.ca/en/government/dept.html" rel="external">Departments and agencies</a></li> <li><a href="https://www.canada.ca/en/government/publicservice.html" rel="external">Public service and military</a></li> <li><a href="https://www.canada.ca/en/news.html" rel="external">News</a></li> <li><a href="https://www.canada.ca/en/government/system/laws.html" rel="external">Treaties, laws and regulations</a></li> <li><a href="https://www.canada.ca/en/transparency/reporting.html" rel="external">Government-wide reporting</a></li> <li><a href="http://pm.gc.ca/en" rel="external">Prime Minister</a></li> <li><a href="https://www.canada.ca/en/government/system.html" rel="external">About government</a></li> <li><a href="http://open.canada.ca/en" rel="external">Canada.ca</a></li> </ul> </nav> </div> <div class="brand"> <!--Start CDTS serverBottom-en --> <div class="container"> <div class="row"> <nav class="col-md-9 col-lg-10 ftr-urlt-lnk"> <h2 class="wb-inv">About this site</h2> <ul> <li><a href="https://www.canada.ca/en/social.html">Social media</a></li> <li><a href="https://www.canada.ca/en/mobile.html">Mobile applications</a></li> <li><a href="https://www1.canada.ca/en/newsite.html">About Canada.ca</a></li> <li> <a href="https://www.canada.ca/en/transparency/terms.html">Terms and conditions</a> </li> <li><a href="https://www.canada.ca/en/transparency/privacy.html">Privacy</a></li> </ul> </nav> <div class="col-xs-6 visible-sm visible-xs tofpg"> <a href="#wb-cont">Top of Page <span class="glyphicon glyphicon-chevron-up"></span></a> </div> <div class="col-xs-6 col-md-2 text-right"> <img src="/Content/GCWeb/assets/wmms-blk.svg" alt="Symbol of the Government of Canada"> <meta property="areaServed" typeof="Country" content="Canada"> <link property="logo" href="/Content/GCWeb/assets/wmms-blk.svg"> </div> </div> </div> </div> </footer> </section> </main> <!-- End Page Layout --> <!--<script> function handleCDNImageError(event) { let imgElement = event.target; if (!imgElement.getAttribute("data-imgreload")) { imgElement.setAttribute("data-imgreload", "true") //Prevent looping by setting a new imgreload attribute to true if (imgElement.naturalWidth === 0 && imgElement.naturalHeight === 0 && imgElement.complete) { const originalSrc = imgElement.src; const newSrc = originalSrc.replace("https://pcweb2.azureedge.net/", 'parks.canada.ca'); imgElement.src = newSrc; console.log('Image reloaded with updated hostname:', newSrc); } } } let allCDNImages = document.querySelectorAll('img'); allCDNImages.forEach(function (img) { img.addEventListener('error', handleCDNImageError); } ); </script>--> <!--Local WET downloaded on Dec 13, 2022. See SI-634--> <script src="/Content/wet-boew/js/wet-boew.min.js"></script> <script src="/Content/GCWeb/js/theme.min.js"></script> <script> if (document.getElementById('submissionPage') != null) { document.getElementById('submissionPage').value = location.href; } </script> <script src="/invitation-manager/Overlay.js"></script> <script src="/invitation-manager/InvitationManager.js"></script> </body> </html>