jFlipBook

Che cosa ne direste di sfogliare le vostre foto online ?

Che cosa fa...

jFlipBook trasforma le immagini di un articolo in un libretto “sfogliabile”. Gli angoli sono cliccabili e permettono di passare da una pagina all’altra con un effetto di volta pagina.

Si può vedere?

Captureaoste1
Captureaoste1
Serveillez le coin en bas à droite ...
Captureaoste2
Captureaoste2
Un coin de ciel se voile...
Captureaoste3
Captureaoste3
Une page se tourne...

Ecco la demO, la demO, la demOOO... -> http://eva.tuxfamily.org/demo/spip....

Com’è fatto...

Niente Flash, si utilizza jQuery. jFlipBook utilizza il modulo jFlip creato da Renato Formato. Puoi leggere il suo articolo qui: http://www.jquery.info/spip.php?art...

Installazione

Per funzionare jFlipBook ha bisogno dell’installazione del plugin CFG

Per una prima installazione di SPIP, occorre controllare che :
-  L’opzione “utilizzo di parole chiave” sia attivata,
-  L’opzione “utilizzo di documenti allegati agli articoli” sia attivata.
Cliccando su Configurazione.

Si può scaricare il plugin dalla zona di SPIP nella parte /plugins/_test_ in SVN o sotto forma zippata

QUI

.

Inserimento in un modello di layout

Prima di tutto, occorre inserire la riga seguente nel modello di layout article,cioè all’interno di un ciclo ARTICLES, nella collocazione dove si vuole far apparire il libro:
<INCLURE{fond=jflipbook}{id_article}>

Occorre poi creare la parola chiave jflip (tutto minuscolo).

E’ possibile testare il plugin in un sito SPIP senza modello di layout attivato. Un modello “article-exemple.html” modificato esiste già in jFlipBook. Basta rinominarlo in “article.html”.

Le immagini devono essere inserite in un articolo sotto forma di documenti allegati cliccando su “aggiungi un documento”, in fondo all’articolo, nell’interfaccia privata.

Inserimento in Eva-web

In attesa che venga automatizzata la procedura occorre:
-  Eliminare il file article.html che si trova alla radice della cartella del plugin,
-  Inserire nel file /noisettes/article/article_contenu.html del plugin eva-web40 il seguente codice : per esempio attorno alla riga 50
oppure
Scaricare l’ultima versione di eva-web da Spip-zone.

Limitazioni

Per il momento i settaggi (dimensioni, ecc.) si applicano a tutti i jFlipBook di un sito. Ancora un po’ di tempo e di pazienza e ci arrivo...

Prossimi sviluppi...


-  Rifinitura della pagina di configurazione, per il momento non è bellissima,
-  E poi configurazione personalizzata per ciascun jFlipBook.

updated on 24 October 2017

Discussion

Une discussion

Comment on this article

Who are you?
  • [Log in]

To show your avatar with your message, register it first on gravatar.com (free et painless) and don’t forget to indicate your Email addresse here.

Enter your comment here

This form accepts SPIP shortcuts {{bold}} {italic} -*list [text->url] <quote> <code> and HTML code <q> <del> <ins>. To create paragraphs, just leave empty lines.

Add a document

Follow the comments: RSS 2.0 | Atom