SPIP-Contrib

SPIP-Contrib

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

246 Plugins, 178 contribs sur SPIP-Zone, 226 visiteurs en ce moment

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

jFlipBook

16 février 2009 – par poongaloo – commentaires

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

4 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.

Retour en haut de la page

8 Messages de forum

Voir toute la discussion

  • Répondre à ce message

    31 janvier 13:58, par johan

    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-...

    merci

  • Répondre à ce message

    27 janvier 22:37, par manu

    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

    21 septembre 2009 14:39

    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

    13 mai 2009 16:03, par macsym

    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

    10 mai 2009 15:26

    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

    9 avril 2009 12:36, par djouder

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

  • Répondre à ce message

    9 mars 2009 23:29, par nilocram

    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

  • Répondre à ce message

    5 mars 2009 09:45, par pi r

    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

Répondre à cet article

Retour en haut de la page

Ça discute par ici

  • Les thèmes de Sarka-SPIP 3

    26 décembre 2009 – 14 commentaires

    Cet article a pour but de présenter brièvement la liste des thèmes propres à Sarka-SPIP au travers d’une galerie de vignettes. La galerie Vous pouvez télécharger le thème que vous désirez en cliquant sur sa vignette. Prochainement, une description de (...)

  • Formulaire de participation à un événement

    23 janvier – 17 commentaires

    Cet article tente de rassembler des informations au sujet de l’affichage d’un formulaire de participation aux événements gérés par le plugin Agenda développé par Cédric Morin. La version 2 du plugin Agenda permet d’afficher dans l’espace public des (...)

  • Le Squelette Zpip

    11 novembre 2009 – 119 commentaires

    Zpip [1] est un squelette réutilisable, modulaire et disposant d’une galerie de thèmes. Il est issu d’une fusion des projets Zesty et SPIP-Zen. Installer Zpip Pour installer Zpip et jouer avec sans plus attendre, il suffit de suivre le guide (...)

  • Plugin Pages uniques

    11 décembre 2008 – 74 commentaires

    Allez, avouez... il ne vous est jamais arrivé d’avoir besoin d’articles qui ne sont rattachés à aucun rubriquage particulier ? Des articles uniques, n’ayant ni de thème, ni de rapport avec aucun autre ? Ou encore des articles pour lesquels vous avez (...)

  • Le Couteau Suisse

    4 mai 2007 – 835 commentaires

    Ce plugin propose d’introduire facilement de simples fonctionnalités supplémentaires à SPIP et qui s’avèrent rapidement indispensables ! Par exemple : des filtres supplémentaires, des balises pratiques, des facilités typographiques, le contrôle de (...)