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
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