SPIP-Contrib

SPIP-Contrib

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

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

  • Accès Restreint Partiel

    8 septembre 2014 – 20 commentaires

    Voulez-vous masquer une partie du contenu de vos articles aux visiteurs de passage ? et réserver la totalité à certains de vos membres ? Voulez-vous remplacer le contenu occulté par un appel à l’action (pour devenir Membre, bla bla bla...) ? Le (...)

  • Site multilingue facile

    3 mai 2012 – 97 commentaires

    Site multilingue facile permet de mettre en place facilement un site multilingue avec une langue par secteur. Introduction Même si le multilinguisme est nativement intégré dans spip, réaliser un site multilingue n’est pas toujours évident. Ce (...)

  • Nivo Slider

    2 mars 2011 – 452 commentaires

    Nivo Slider pour SPIP permet d’intégrer des diaporamas en JQuery dans vos articles et squelettes.

  • Ferme à SPIP

    3 janvier 2008 – 130 commentaires

    Un petit article synthétique qui explique en quelques mots et captures d’écrans comment faire une « ferme à SPIP » avec le plugin "Mutualisation" à partir d’un nom de domaine principal.

  • Module de paiement Paypal Express Checkout

    12 juin 2015 – commentaires

    Ce mode de paiement par Paypal Express Checkout est sécurisé et peut-être utilisé en toute confiance. Il permet également, dans le cadre de certaines boutiques, d’optimiser le workflow de paiement en sautant l’étape de création de compte et en (...)

Ça spipe par là