Я относительно новичок в jQuery и извините, если этот вопрос слишком прост, но я часами искал во многих темах и не могу найти определенного решения.

У меня есть следующая структура папок:

/index.html

/html/pages/page1.html
/html/pages/images/
/html/pages/css/
/html/pages/js/
/html/pages/includes/

Я пытаюсь загрузитьpage1.html в DIV вindex.html следующим основным способом:

$('#content').load('html/pages/page1.html', function () {
   console.log('loaded');
});

page1.html загружается нормально, однако, он состоит из нескольких включений, и весь контент в нем (изображения, CSS, JS и т. д.) относительностраницы папку (например: ../images/header.jpg), поэтому она не отображается при загрузке вindex.html так как теперь все становится относительно/ или жеindex.html.

Я где-то читал, что делает все пути абсолютными или корневыми вpage1.html будет работать, также добавляя своего рода глобальную переменную пути, однако, ПРОБЛЕМА заключается в том, что слишком много устаревшего контента и изменение всего этого не вариант.

Есть ли способ сделать нагрузкуpage1.html как описано выше без изменения каких-либо путей, несмотря на то, что они являются относительными? Или кто-то может порекомендовать эффективный способ (другие плагины, методы) загрузки внешнего контента таким способом?

Спасибо!