SPIP-Contrib

SPIP-Contrib

عربي | Deutsch | English | Español | français | italiano | Nederlands

288 Plugins, 197 contribs sur SPIP-Zone, 208 visiteurs en ce moment

Accueil > Affichage multimédia > Galeries et diaporamas > jFlipBook > jFlipBook

jFlipBook

16 février 2009 – par poongaloo – 15 commentaires

Toutes les versions de cet article : [français] [italiano]

7 votes

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.

Voir en ligne : http://plugins.spip.net/jflipbook

Dernière modification de cette page le 11 juin 2012

Retour en haut de la page

Tout afficher

Vos commentaires

  • Le 26 septembre 2013 à 15:49, par ivandps En réponse à : jFlipBook

    bonjour,
    est-ce compatible spip 3.0 ? plutôt qu’une insertion dans le squelette, peut-on insérer un raccourcis modèle dans le texte de l’article ?
    peut-on changer la couleur rouge verso (blanc serait plus à mon goût)
    merci !

    Répondre à ce message

  • Le 22 novembre 2011 à 17:08, par claire En réponse à : jFlipBook

    Bonjour,

    je ne pouvais pas modifier les configurations de mes jflipbook définies par des listes déroulantes (redimensionnement ou coin cliquable). J’ai dû modifier le fichier fonds/cfg_jflipbook.html en remplaçant par exemple
    <option value=« #ENVcorners,false »>
    par
    <option value=« false »[ (#ENVcorners|==’false’| ?’selected’)]>

    • Le 22 novembre 2011 à 17:08, par claire En réponse à : jFlipBook

      Sauf que les accolades ont été supprimées lors de l’envoi...

    Répondre à ce message

  • Le 28 septembre 2011 à 13:54, par rvolfoni En réponse à : jFlipBook

    Bonjour,
    J’ai installé le plugin jflip dans spip v2.1.11. Malgré des débuts laborieux, j’ai réussi à faire fonctionner le plugin.
    Mais en plus du livre JFlip, j’ai aussi le portfolio qui s’affiche avec toutes les images. Donc aucun intérêt.
    Ma question est donc comment supprimer l’affichage du portfolio ?

    Cordialement.

    Répondre à ce message

  • Le 27 septembre 2010 à 22:59, par ChristianD. En réponse à : jFlipBook

    Bonjour,

    Sous Spip 2.1.0 installé sans souci mais comment faire pour afficher le titre ou le descriptif de l’image ?

    Merci d’avance.

    Répondre à ce message

  • Le 31 janvier 2010 à 13:58, par johan En réponse à : jFlipBook problème ie8

    Bonjour, je ne suis pas assez compétent pour tout comprendre mais un autre plugin rencontre un problème d’affichage avec ie8

    voir http://www.spip-contrib.net/Plugin-Douce-Galerie

    merci

    • Le 27 avril 2010 à 18:25, par Manu En réponse à : jFlipBook

      Même problème également : visiblement IE8 n’aime pas jflip !
      Y a-t-il un expert javascript dans la salle qui pourrait rectifier la situation ? ce serait sympa ...

    • Le 1er juillet 2010 à 08:33, par Fx En réponse à : jFlipBook

      Pour rendre ce plugin fonctionnel sous IE8, il faut rajouter dans le head la ligne suivante :
      <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
      Elle permet de mettre IE8 en mode compatibilité IE7, et du coup cela fonctionne.

    Répondre à ce message

  • Le 27 janvier 2010 à 22:37, par manu En réponse à : jFlipBook V0.4

    La version du plugin date un petit peu car elle intègre la version 0.3 de jflip. J’ai donc entrepris de faire évoluer le script en intégrant la version suivante 0.4 qui a comme intérêt de pouvoir paramêtrer via cfg d’autres aspects en particulier les couleurs du dégradé et la taille de l’onglet.
    J’ai à peu près terminé, au détail prêt que j’ai une erreur dans /jquery.jflip-0.4.min.js

    An invalid or illegal string was specified" code: "12
    [Break on this error] gradient.addColorStop(0, gradientColors[0]);

    L’erreur vient de la syntaxe défaillante dans l’incorporation des valeurs des variables « lightcolor,darkcolor et plaincolor » dans le fichier /jflipbook.php du plugin.
    gradientColor est un tableau associatif et je dois mal syntaxer ça dans l’écriture de la fonction (voir ci-dessous) :

    $flux .= '<script type="text/javascript">
    (function($){$(function(){
    $("#g1").jFlip('.$largeur.','.$hauteur.',
    {background:"'.$couleur.'",
    cornersTop:'.$corners.',
    scale:"'.$scale.'",
    gradientColors:['.$darkcolor.','.$lightcolor.','.$plaincolor.'"]});
                                         });
                                             })(jQuery);';

    C’est le passage de gradientColors qui ne va pas, sachant que cette variable est utilisé par jquery par les appel tels que

    gradient.addColorStop(0, gradientColors[0]);
    gradient.addColorStop(stopHighlight/d, gradientColors[1]);
    gradient.addColorStop(1, gradientColors[2]);

    Si quelqu’un de plus compétent que moi en javascript pouvait me donner un coup de main, ça permettrait de finir le portage vers la version 0.4.

    Répondre à ce message

  • Le 21 septembre 2009 à 14:39, par ? En réponse à : jFlipBook

    J’ai un probleme avec jflipbook, qui fonctionne bien !!! mais qui a fait disparaitre toutes les pieces jointes de tous mes articles.
    Que j’insère la ligne
    [(#CONFIGplugin|matchJFLIPBOOK| ?’ ’,’’)<INCLUREfond=jflipbookid_article>]

    dans article.html ou pas d’ailleurs.

    J’ai SPIP 2.0.9 et la dernière version de JFlipBook, installée automatiquement. J’ai le plugin CFG, et EVA 4.0
    Je décoche JFlipBook, les pièces jointes reviennent, je coche, ça disparait...
    Quelqu’un sait-il ce qui se passe ?
    Merci,
    Nicolas

    Répondre à ce message

  • Le 13 mai 2009 à 16:03, par macsym En réponse à : jFlipBook

    chez moi ça marche pas du tout. j’ai activé les plugins cfg et jflipbook, ensuite j’ai inseré mes images dans un article de test et renommer le fichier article-exemple.html en article.html. Enfin j’ai mis un lien dans mon sommaire.html vers article.html et devinez ce qui s’affiche : le code spip/html lol

    Et pourtant j’ai mis le mot clef jflip.

    je vous signale que j’utilise la version spip 2.0.6

    Répondre à ce message

  • Le 10 mai 2009 à 15:26, par ? En réponse à : jFlipBook

    Bonjour,

    Je n’arrive pas à feuilleter au delà de la première image. Soit je suis très gauche, soit l’interaction est difficile sous FF3/Vista.

    a+

    GLG

    Répondre à ce message

  • Le 9 avril 2009 à 12:36, par djouder En réponse à : jFlipBook sur IE 8

    Bonjour j’ai remarqué que le plugin jFlipBook ne marche pas avec internet explorer 8, rien ne s’affiche.

    Répondre à ce message

Répondre à cet article

Qui êtes-vous ?

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici Les choses à faire avant de poser une question (Prolégomènes aux rapports de bugs. )
Ajouter un document

Retour en haut de la page

Ça discute par ici

  • La balise #ENV

    25 septembre 2007 – 64 commentaires

    Régulièrement, on lit sur la liste ou sur IRC « la balise #ENV, j’y comprends rien » . Tentons ici une explication sur le pourquoi du comment de cette balise... #ENV, qu’est-ce à dire ? Si nous lisons la documentation officielle, nous voyons que (...)

  • Champs Extras 3

    16 janvier 2012 – 589 commentaires

    Ce plugin permet de créer et/ou de gérer des champs supplémentaires dans les objets éditoriaux de SPIP. Il permet donc de prendre en compte et d’afficher de nouveaux éléments dans n’importe quel objet éditorial de SPIP. Screencast Vous n’aimez pas (...)

  • Plugin Modèles media

    25 avril 2011 – 171 commentaires

    Les modèles , et produisent chacun un résultat différent et ce résultat, pour les images, dépend du fait qu’elle soit dans le portfolio ou non. Ce plugin propose une nouvelle série de modèles ayant un comportement unifié et indépendant du mode des (...)

  • Qrcode

    3 novembre 2010 – 43 commentaires

    Les QrCodes sont des codes barres lisibles essentiellement par les téléphones portables et permettent d’échanger avec ceux-ci diverses informations, et en particulier des liens. Ce plugin à pour objet de permettre à spip d’utiliser des QrCodes pour (...)

  • Mise à jour automatique des plugins

    5 octobre 2009 – 156 commentaires

    Une nouvelle lame du Couteau Suisse permet de visualiser les plugins nécessitant une mise à jour, tout comme SPIP lui-même ! Présentation Rendons à César ce qui est à César, voici un extrait de la présentation du Couteau Suisse pour sa lame « Mise (...)

Ça spipe par là