Da un po’ di tempo mi ero dedicato alla prima versione di PageFlip, ovvero quella non dinamica, il “Libro che si sfoglia” come tutti ormai lo hanno battezzato.

Girovagando per il web ho trovato un’altra versione, Opensource, che si interfaccia con un file XML, rendendo il PageFlip assolutamente dinamico e agevole.
Esaminiamo il file XML
<page src='pages/page1.jpg' canTear='false' />
<page src='pages/page2.jpg' canTear='false' />
<page src='pages/page3.jpg' canTear='false' />
<page src='pages/page4.jpg' canTear='false' />
Come vedete il codice è molto semplice nel tag content troviamo altezza e larghezza delle pagine la trasparenza e la possibilità di rendere la copertina rigida o flessibile (hcover) come tutte le altre pagine.
Le pagine esterne possono essere .jpg oppure .swf, per quanto riguarda le jpg non ce niente da dire, basta crare un immagine di dimensioni della pagina è verra caricata, tramite Xml, come una delle nostre pagine.
Per quanto riguarada invece le pagine esterne .swf, ricordo che vi è una ampia scelta di utilizzo, infatti possiamo inserire audio, video e animazionidi qualsiasi tipo.
Inoltre è possibile settare alcuni parametri come isSpread=”true” per dividere una pagina in 2 e preLoad=”true” per effettuare, come dice il termine, un preloading della pagina esterna.
Andando avanti… nel tag page troviamo ovviamente src ossia la directory della nostra pagina esterna ( .jpg o .swf), e poi un tag canTear ovvero la possibilità di poter strappare la pagina, si avete capito bene strappare in tutti i sensi la pagina!!
Non chiedetemi l’utilità, ma essendo un opzione del PageFlip v2, perchè tenerla all oscuro??
Ho notato che ora è disponibile, in versione demo, il Pageflip v 3.26 in cui sono stati realizzati opzioni nuove, come lo zoom delle pagine, la stampa, il controllo del suono e la visualizzazione delle varie pagine a tutto schermo.
Scarica i File source esempio con video
Scarica i File source esempio senza video
Guarda il Tutorial
Articoli simili in Flash, Grafica, HTML, JavaScript, PageFlip, Tutorial, XML

karel
12 agosto 2009
please can you help me to have the flash file: but only the navigationbar with the goto – button..
=> I am also searching for a standard value into the inputbox: a 3 digit number.. so I can link to 001.jpg .. 002.jpg … … 312.jpg
Thanks a lot
Simona
4 novembre 2009
Ciao Julius!
complimenti per il sito e per la tua preparazione!!!
ho 2 problemi:
1) stò utilizzando il page fip dinamico per un catalogo che ha 500 pagine…quindi capirai che, come in molti ti hanno chiesto, mi sarebbe molto utile farle caricare man mano che si sfogliano. Saresti così gentile da inviare anche a me la mail per risolvere la questione?
2) quando lo carico on line mi dice che “uno script contenuto in questo filmato sta rallentando l’esecuzione di Adobe flash player 10. Se lo script non viene interrotto il computer potrebbe cessare di rispondere ai comandi”. C’è un odo per risolvere questa cosa?
un’altra cosa strana che accade :
quando provo il file in locale mi compare la finestra di output dove mi dice che non trova tutte le pagine dalla 15 alla 500…anche se me le fa vedere lo stesso. Poi se lo stesso file lo metto on line mi fa vedere tutte le pagine ma mi dice il problema numero 2…
Ti prego aiutami
ho preparato tutti i file e a causa di queste 2 cosette non posso concludere!
grazie mille
zippomaker
17 novembre 2009
Ciao Julius, sto cercando di usare il flip per una bozza di brochure, e vorrei eliminare delle pagine, ridurre il numero solo a 6 pagine, dove devo intervenire?, qui c’è l’esempio: http://www.3essedesign.com/promo-mizart/
Grazie Ciao
cibernella
19 novembre 2009
@zippomaker se posso permettermi di risponderti, visto che passavo per caso
,devi intervenire sul file xml. Metti tante stringhe tipo quante sono le tue pagine. Nel tuo caso dovrebbero essere 5 se usi la prepage.
Ciao.
zippomaker
21 novembre 2009
@cibernella si grazie ho risolto proprio nel modo che dici… pensavo peggio
Ciao
Pierluigi
23 novembre 2009
Ciao Alida puoi dirmi cosa hai modificato nel file import_xml.as perchè ho il tuo stesso problema. Grazie
Carlo
24 novembre 2009
Salve Ragazzi,
Non vorrei essere ripetitivo, ma ho pubblicato 2 post e nessuno mi ha risposto.
Ho pubblicato un catalogo su http://www.juniorgiocattoli.net nella sezione cataloghi Playmobil.
Se visualizzo la pagina con Opera, Firefox o Google Chrome tutto OK.
Se visualizzo la pagina con Explorer (7) mi fà vedere solo le prime pagine e il resto non funziona bene.
Non è capitato a nessuno?
Grazie Mille
cibernella
25 novembre 2009
@Carlo non saprei bene come aiutarti ma ho notato una cosa strana e cioè che quando carica il pageflip arriva al numero di pag 5 su 5, in realtà ce ne sono molte di più. Sono queste prime 5 pagine che ti fa vedere?
ciao
Carlo
25 novembre 2009
Ciao Cibernella,
e grazie della risposta.
In pratica per le prime 5 pagine ho attivato il preload, credo che sia per questo che nel caricamento attente il 5 su 5.
Se avessi attivato il preload su tutte le immagini (cosa che ho provato) prima di riuscire a vedere il catalogo ci sarebbe voluto troppo tempo a causa del caricamento di tutte le immagini.
Il problema, quindi, si genera quando sfoglio una pagina di cui non ho fatto il preload (dalla 6 in poi).
La cosa strana è che con Firefox, ma anche con altri browser, funziona correttamente.
Spero che queste info ti possano essere utili per darmi un suggerimento.
Cmq grazie Mille per l’interessamento.
Carlo
cibernella
25 novembre 2009
@Carlo ciao di nuovo, guarda io credo che sia un problema intrinseco di ie7 e so bene che ti basterebbe fare un aggiornamento all’8 ma gli utenti che lo usano avrebbero lo stesso problema. Se ti può aiutare leggi questo articolo // http://www.pctuner.net/articoli/software-programmi/606/Cos-e-Internet-Explorer-7/6.html// ma non ti so suggerire una soluzione. Mi dispiace, anzi, sono curiosa anche io di sapere qualcosa in più.
cibernella
25 novembre 2009
http://www.pctuner.net/articoli/software-programmi/606/Cos-e-Internet-Explorer-7/6.html
scusa, questo dovrebbe essere il link
doriana
21 dicembre 2009
ciao a tutti,
potete darmi una mano?
vorrei disattivare l’impostazione scaleContent solo per determinate pagine
e lasciarla attivata per le altre ,
come posso fare?
grazie
sara13
1 marzo 2010
Caro Julius,
io non ho nessun problema col preload (le immagini sono poche e leggere) e tutto mi è molto chiaro….
se non fosse per il fatto che……
MI SI STRAPPANO LE PAGINE! :-O
a me la cosa sembrava anche tanto carina, ma quello a cui sto facendo il sito dice che è inaccettabile :-O
ho cercato di spiegargli che accade anche con i libri, se si tira troppo forte.
ma lui non vuole sentire ragioni… :-O
mi aiuti? perpiacere…
Karelr
7 marzo 2010
hello is it possible to create the keys and mousescrollwheel into the flashfile.. i found some code but couldn’t integrate it. Please can you send me the code for it
Thanks
giovanni
19 marzo 2010
@ Inverse:inverse come hai risolto il problema di caricare diversi pageflip?cosa hai modificato nel file import_xml.as? non riesco a risolvere ti ringrazio se mi mi puoi dare la soluzione ciao
giovanni
19 marzo 2010
Julius ”inverse” dice che ha risolto il problema relativo al caricamento di diversi pageflip con contenuti diversi modificando qualcosa in import_xml.as.Mi potresti dare una mano tu?ho un bisogno urgente non riesco a far richiamare i diversi swf dai diversi pulsanti in un swf contenitore(precedentem. ho anche cambiato di nome sia i file.xml che gli stessi swf). te ne sarei grato
giovanni
19 marzo 2010
@ giovanni:e come se richiamasse sempre lo stesso xml e lo stesso swf
giovanni
19 marzo 2010
ci siete…help
giovanni
19 marzo 2010
julius come posso fare per far caricare più diversi pageflip senza che al richiamo dei pulsanti mi carichi solo il 1 xml?
Julius
19 marzo 2010
@giovanni: ciao! devi impostare nel fla il nome diverso del file XML altrimenti richiamerà sempre lo stesso.
giovanni
19 marzo 2010
@ Julius:
julius l’ho fatto , ho rinominato anke gli swf.
Ti spiego:
sto sviluppando un sito ad un fotografo:devo caricvargli 4 foto album di 4 categorie diverse.Ognuna di queste cn foto diverse.
Ho specificato e cambiato i nomi degli swf e degli xml,cambiato ad ogni fla il nome del xml da richiamare.
Ma nel swf contenitore mi appare sempre il 1 pageflip che richiamo inizialmente…come devo fare? INVERSE UN UTENTE SU QUESTO FORUM MI DICEVA CHE AVEVA RISOLTO IL PROBLEMA CAMBIANDO QUALCOSA NEL FILE IMPORT_XML.AS MA COSA?
giovanni
19 marzo 2010
MI MANCA SOLO QUESTA COSA PER CONSEGNARE
inverse
19 marzo 2010
ciao,
prova ad aprire il file import_xml.as e modifica questa riga:
// load the XML into the flooring object
pageXML.load(_level0.xmlFile);
mettici xmlFile1, xmlFile2 etc.. a seconda di quanti pagebook hai.. es:
pageXML.load(_level0.xmlFile1);
poi apri il file fla del pageflip e su questa riga metti il loadxml che deve richiamare:
if(_level0.xmlFile==undefined) {
_level0.xmlFile = “xml/pages.xml”;
}
es:
if(_level0.xmlFile1==undefined) {
_level0.xmlFile1 = “xml/pages.xml”;
}
prova e fammi sapere, mi pare che io abbia risolto così
giovanni
22 marzo 2010
@ Franco:potresti dettagliare il codice?
giovanni
22 marzo 2010
@ inverse:Ciao inverse.Grazie infinite per il tuo suggerimento davvero prezioso
solo che ora riscontro il problema che i vari page flip in remoto si bloccano…sono 30 jpg più o meno da caricare… oltretutto nel momento in cui in locale carico un swf due volte la seconda volta non mi fa sfogliare più il libro….ho letto che franco risolse questa cosa con un visible=0 ma non capisco dove inserire la stringa”._visible=0”
se mi potere dare qualche diritta—
cristina
2 luglio 2010
ciao il tutorial è bellissimo peccato che io di flash e di programmazione ne capisca poco, io devo fare una cosa semplissima di 4 pagine con solo foto che si sfogliano ma non riesco a capire dove inserire le foto… nel codice non ce nè traccia… qualcuno mi aiuta…
Ciao
Web agency
14 luglio 2010
sara13 ha scritto:
Nel file xml devi impostare canTear=”false” per non far strappare le immagini.
Federico
18 luglio 2010
ciao a tutti, una domandina: vorrei poter impostare dei pulsanti all’interno delle pagine esterne (swf) per passare direttamente a una determinata pagina…ho provato a copiare e incollare il codice del pulsante “goto” preso dalla barra di navigazione di PageFlip, opportunamente modificando il nome istanza e settando un numero di pagina statico ma non funziona.
pagina5Btn.onRelease = function() {
_parent.gotoPage(Number(5));
}
Immagino sia perchè la funzione gotoPage() non trova nessun riferimento di codice nella pagina esterna vero? Come posso fare per fargli capire che la funzione sta scritta nel movie principale (PageFlip) e che è li che deve andarsela a “leggere”?
grazie a tutti in anticipo e cercate di perdonare le mie potenti lacune di programmazione…