jFlipBook

Que diriez-vous de feuilleter vos photos en ligne ?

Ce qu’il fait...

jFlipBook transforme les images d’un article en un petit livre “feuilletable”. Les coins sont cliquables et permettent de passer d’une page à une autre avec un effet de tourner de page.

On peut voir ?

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

La démO, la démO, la démOOO... -> http://eva.tuxfamily.org/demo/spip....

Comment y fait...

Pas de flash mais du jQuery. jFlipBook utilise le module jFlip crée par Renato Formato. Vous pouvez lire son article ici : http://www.jquery.info/spip.php?art...

Installation

Ce plugin nécessite l’installation du plugin CFG

Pour une première installation de SPIP, assurez vous que :
-  L’option “utilisation des mots-clés” est activée,
-  L’option “utilisation des documents joints aux articles” est activée.
En cliquant sur Configuration.

Le plugin est récupérable sur le zone de SPIP dans le partie /plugins/_test_ en SVN ou sous forme zippée

ICI

.

Intégration dans un squelette

En premier lieu, vous devez insérer la ligne suivante dans votre squelette article, donc à l’intérieur d’une boucle ARTICLES, à l’endroit où vous voulez faire apparaître le livre :
<INCLURE{fond=jflipbook}{id_article}>

Il faut ensuite créer le mot-clé jflip (tout en minuscule).

Vous pouvez tester ce plugin dans un site SPIP sans squelettes activés. Un squelette “article-exemple.html” déjà modifié existe dans jFlipBook. Il suffit de le renommer en “article.html”.

Vos images doivent être insérées dans un article en documents joints en cliquant sur “joindre un document” en bas d’un article dans l’interface privée.

Limitation

Pour l’instant, les réglages (dimensions, etc.) s’appliquent à l’ensemble des jFlipBook d’un site. Encore un peu de temps, de patience et j’y arriverai...

A venir incessament sous peu...


-  Intégration dans les squelettes d’EVA-WEB,
-  Finition de la page de configuration, elle n’est pas belle pour l’instant,
-  Et donc paramétrage personnalisé pour chaque jFlipBook.

Discussion

12 discussions

  • Voila un exemple italien:
    http://spipopedia.webou.net/spip/spip.php?article7

    Au meme adresse on peut trouver une version multilangue du plugin jFlipBook: j’ai ajouté la balise «multi», la traduction italienne du fichier langue et du fichier jflipbook. php dans le repertoire exec

    Un grand merci à PoongalOO e al grande Renato (Voir photo au Linux day)

    nilocram

    Reply to this message

  • hello
    je n’arrive pas à afficher les numeros de page, j’ai utilise la version 4 du js ajouté dans le header

    .
    bind(“flip.jflip”,function(event,index,total)
    $(“#l1”).html(“Image “+(index+1)+” of”+total)

    mais plantage, une idée, merci

    Reply to this message

Add a comment

Avant de faire part d’un problème sur un plugin X, merci de lire ce qui suit :

  • Désactiver tous les plugins que vous ne voulez pas tester afin de vous assurer que le bug vient bien du plugin X. Cela vous évitera d’écrire sur le forum d’une contribution qui n’est finalement pas en cause.
  • Cherchez et notez les numéros de version de tout ce qui est en place au moment du test :
    • version de SPIP, en bas de la partie privée
    • version du plugin testé et des éventuels plugins nécessités
    • version de PHP (exec=info en partie privée)
    • version de MySQL / SQLite / PostgreSQL
  • Si votre problème concerne la partie publique de votre site, donnez une URL où le bug est visible, pour que les gens puissent voir par eux-mêmes.
  • En cas de page blanche, merci d’activer l’affichage des erreurs, et d’indiquer ensuite l’erreur qui apparait.

Merci d’avance pour les personnes qui vous aideront !

Par ailleurs, n’oubliez pas que les contributeurs et contributrices ont une vie en dehors de SPIP.

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