Problème avec AJAX .load

Bonjour,
Je n’ai pas réussi ce que je voulais faire ! Je suis débutant en JS, et je suis un peu perdu.
Le problème :
J’utilise Turn.js\samples\magazine, et je charge facilement les images jpg que j’ai crées.
Les quelques lignes qui font ça sont ici ? Turn.js\samples\magazine/js/magazine.js.
[code= javascript]
/*
* Magazine sample
*/
function addPage(page, book) {

var id, pages = book.turn('pages');

// Create a new element for this page
var element = $('<div />', {});

// Add the page to the flipbook
if (book.turn('addPage', element, page)) {

// Add the initial HTML
// It will contain a loader indicator and a gradient
element.html('<div class="gradient"></div><div class="loader"></div>');

// Load the page
loadPage(page, element);
}

}
function loadPage(page, pageElement) {

// Create an image element

var img = $('<img />');
img.mousedown(function(e) {
e.preventDefault();
});

img.load(function() {

// Set the size
$(this).css({width: '100%', height: '100%'});

// Add the image to the page after loaded

$(this).appendTo(pageElement);

// Remove the loader indicator

pageElement.find('.loader').remove();
});

// Load the page
img.attr('src', 'pages/' + page + '.jpg');
loadRegions(page, pageElement);

}
[/code]
Ca fonctionne très bien si on affiche des pages .jpg. Mais ...
Mais je voudrai afficher des pages .html. Possible ? En tout cas, je n'y arrive pas !Qu’est-ce que j’ai mal fait, ou pas fait ?
Mes pages sont dans Turn.js\samples\magazine/pages, pour respecter l’arborescence de l’exemple.
Merci si vous pouviez éclairer ma lanterne. Ou juste me mettre sur la piste !
Avec mes meilleures salutations
Denis H. Reguin
regude@yahoo.fr
Modifié par Bzhorace (09 Apr 2019 - 20:51)