Jestem stosunkowo nowy w jQuery i ułaskawieniu, jeśli to pytanie jest zbyt proste, ale przeszukałem wiele wątków godzinami i nie mogę znaleźć konkretnego rozwiązania.

Mam następującą strukturę folderów:

/index.html

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

Próbuję załadowaćstrona1.html w DIVindex.html w następujący podstawowy sposób:

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

strona1.html ładuje się dobrze, jednak składa się z wielu elementów, a cała zawartość w nim zawarta (obrazy, CSS, JS itd.) jest względnastron folder (na przykład: ../images/header.jpg), więc nie wyświetla się po załadowaniuindex.html od teraz wszystko staje się względne/ lubindex.html.

Czytałem gdzieś, że wszystkie ścieżki są bezwzględne lub względnestrona1.html będzie działać, dodając także rodzaj zmiennej globalnej ścieżki, jednak PROBLEM polega na tym, że jest za dużo treści starszej wersji, a zmiana jej wszystkich nie jest opcją.

Czy istnieje sposób na załadowaniestrona1.html jak opisano powyżej bez modyfikowania żadnej ze ścieżek, mimo że są względne? A może ktoś może polecić skuteczny sposób (inne wtyczki, techniki) ładowania treści zewnętrznych w ten sposób?

Dziękuję Ci!