Problème dans Turn.js
Posté : 30 avr. 2019, 19:15
Bonjour,
Je suis nouveau sur ce site. et nouveau en JS, mais un peu moins nouveau dans la vie (75 ans !)
J'utilise un code js tous fait, trouvé dans Turn.js/samples/magazine, le tout téléchargeable sur www.trunjs.com.
Ca marche très bien, mais vous savez ce que c'est, on en veut toujours plus !
L'exemple magazine affiche des pages qui sont des fichiers image .jpg
Je voudrai afficher pareil mais des pages html
Ici, le code dans magazine.js :
Voir aussi dans magazine/index.html.
Quelqu'un aurait-il la patience de crocher dans ce code et de me donner une idée ?
Merci d'avanc
H.
Je suis nouveau sur ce site. et nouveau en JS, mais un peu moins nouveau dans la vie (75 ans !)
J'utilise un code js tous fait, trouvé dans Turn.js/samples/magazine, le tout téléchargeable sur www.trunjs.com.
Ca marche très bien, mais vous savez ce que c'est, on en veut toujours plus !
L'exemple magazine affiche des pages qui sont des fichiers image .jpg
Je voudrai afficher pareil mais des pages html
Ici, le code dans magazine.js :
Code : Tout sélectionner
* 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);
}
Quelqu'un aurait-il la patience de crocher dans ce code et de me donner une idée ?
Merci d'avanc
H.