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.