javascript – Carregar Pagina e Imagem usando Jquery

Eu já tenho o código para carregar a página em si mas a imagem das páginas ficam numa pasta diferente ai não carrega junto da página, esse é o problema. Qualquer ajuda eu agradeço

<html>
   <head>
       
        <title>AwesomeMods</title>

        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" href="http://pt.stackoverflow.com/../../CSS/Index.css">
        <link rel="stylesheet" href="http://pt.stackoverflow.com/../../CSS/ModsPage.css">
   <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
      <script>
         $(function () {
            $("#aside").load("../../../Aside.html");
            $("#footer").load("../../../Footer.html");
            $("#header").load("../../../Header.html");
         });
      </script>

    </head>
    <body>
        
   
       <header id="header">      
     
     </header>
   
        <section>
            <h1 id="ModsTitle">Age of Empires Definitive Edition</h1>
            
             

            <h2>Mods Graphics</h2>
            
               <p>It is page contain all mods for this game, select your preferred mod and download.</p>
            
            <h3>Shaders</h3>

         <ul>  
             <li id="shaders"><a href="PhotorealisticAgeOfEmpiresDE/PhotorealisticAgeOfEmpiresDE.html" id="download">PhotorealisticAgeOfEmpiresDE</a></li>
           
         </ul>
                  
        </section>
        
            <aside  id="aside">
         
         
        </aside>
      

  
        <footer id="footer">
       
        </footer>

    </body>
</html>