SPIP-Contrib

SPIP-Contrib

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

286 Plugins, 197 contribs sur SPIP-Zone, 250 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 ?

PNG - 102.2 ko
Captureaoste1
Serveillez le coin en bas à droite ...
PNG - 90.6 ko
Captureaoste2
Un coin de ciel se voile...
PNG - 76.4 ko
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 ?
  • [Se connecter]

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

  • Adaptive Images

    15 novembre 2013 – 66 commentaires

    Un plugin pour permettre aux sites responsive d’adapter automatiquement les images de la page à l’écran de consultation. Adaptive Images, que l’on pourrait traduire par Images adaptatives, désigne la pratique qui vise à adapter les taille, (...)

  • Métas

    8 août 2009 – 50 commentaires

    Ce petit plugin permet l’ajout, depuis l’espace privé, de metatags aux articles et rubriques de SPIP, ainsi que la mise en exergue de mots importants.

  • Brownie

    6 juillet 2012 – 43 commentaires

    Brownie est une adaptation pour Zpip du thème du même nom initialement développé par Egrappler.com. Présentation Brownie est un thème Responsive à deux colonnes. La démonstration ci-dessous utilise la version 2.0.0 de Brownie, la dist de SPIP3 (...)

  • Métas +

    3 décembre – 13 commentaires

    Améliorez l’indexation de vos articles dans les moteurs et leur affichage sur les réseaux sociaux grâce aux métadonnées Dublin Core, Open Graph et Twitter Card. Installation Activer le plugin dans le menu dédié. Dans le panel de configuration, (...)

  • Acces Restreint 3.0

    11 décembre 2008 – 785 commentaires

    Le plugin accès restreint permet de définir et de gérer des zones de l’espace public en accès restreint. Cette version du plugin a été redévelopée et optimisée tout spécialement pour SPIP 2.0. Il en découle une amélioration des performances sur les gros (...)

Ça spipe par là