PostCardViewer pour SPIP

All contributions published for previous SPIP versions

ATTENTION
Ce plugin ne sera plus maintenu car Christophe Boutin en a sorti une version beaucoup plus évoluée disponible ici.
Le fichier du plugin est quand même maintenu car il est simple et peut aider celles et ceux qui démarrent le développement d’un plugin.

A quoi ça sert le plugin ?

Ce plugin permet d’intégrer PostCardViewer dans un article SPIP.
Il s’agit d’une galerie en flash (un exemple ici).

Installation du plugin

L’installation se fait comme pour n’importe quel plugin (besoin d’un coup de pouce ? Voir ici...)
Attention :
-  plugin compatible avec la version 2 de SPIP
-  pour fonctionner, la balise #INSERT_HEAD doit figurer dans votre squelette (voir ici)

Pour s’en servir

  1. créez un article dans SPIP.
  2. ajouter les images à votre article, via le formulaire “Ajouter une image ou un document”.
  3. donnez un titre à vos images (ils seront récupérés automatiquement dans le Flash).
  4. dans le corps de l’article, saisissez <pcvXX|galerie> avec XX correspondant à l’identifiant de l’article.
  5. publiez votre article : la galerie apparaît dans la partie publique.

Comment ça marche ?

Le plugin récupère la liste des images attachées à l’article.
Il crée alors le fichier .xml reprenant toutes les images et les titres.
PostCardViewer affiche alors la galerie.

Personnalisation

Le fichier pcv_options contient quelques options (couleur, taille, etc.) sur lesquelles il est possible d’agir.
Il est aussi possible d’agir sur un fichier de style pcv_styles.css (dans css).

Remarques


-  Caractères accentués
Le viewer utilise une police qui ne sait pas afficher les accents.
Pensez donc à donner des titres à vos images sans accent, faute de quoi les caractères sont tronqués.
Pour remédier à cette contrainte, il faut acheter la version pro du viewer.
-  Format des images
Le viewer ne fonctionne qu’avec des images JPEG enregistrées au format non progressif.
-  Liens
Il est possible depuis la v0.2 de faire des liens à partir des vignettes. Pour cela, il faut compléter le champ descriptif de l’image avec l’url du site. Par exemple, pour pointer vers le site de SPIP, il faut indiquer http://www.spip.net.

Reste à faire


-  intégrer le plugin avec cfg
-  créer des fichiers de langue
-  adapter le plugin pour qu’il fonctionne avec les sites dont le préfixe des tables est différent de “spip_”

Remerciement

Un grand merci à cy_altern et marcimat pour leur aide précieuse via IRC (http://www.spip.net/irc).

Historique


-  17/11/08 : publication de la v0.1
-  15/01/09 : publication de la v0.2 (ajout de la possibilité de faire des liens à partir des vignettes)

Le zip avec le plugin

Plugin Postcardviewer v0.2

updated on 9 February 2019

Discussion

34 discussions

  • Bravo pour ce plugin

    existerait-il un moyen d’associer des liens à chaque photos vers des pages du site spip ?

    en clair, on a l’animation qui éparpille les photos sur l’écran, on clique sur une des photos et elle s’agrandit
    et s’il y a un lien dans le titre de la photo, ça va sur la page de l’article concerné

    allez, dites-moi oui...

    (ps: je ne connais rien en programmation, je tâtonne déjà pas mal pour mettre en route ce génial plugin, et j’en demande encore plus!)

    Reply to this message

  • 1

    C’était cela ! merci beaucoup pour ton aide !

    Reply to this message

  • 1

    je l’ai activé via l’administration des plugin, il crée bien la page xml dans plugins/pcv/xml avec les documents de l’article que j’ai mis en test (il activé sur uniquement sur la page : http://www.kidonaki.be/associations/spip.php?article2 , le lien précédent n’avait pas été pris en entier, sorry). C’est dans cet article que je vois la phrase “PostcardViewer pour SPIP nécessite JavaScript et le lecteur Flash” en dessous du texte juste à l’endroit ou j’ai mis le code dans l’admin de mon article

    • A priori, il manque la balise #INSERT_HEAD dans la section <head> de ton squelette. Par conséquent, un fichier n’est pas chargé et le plugin ne fonctionne pas.

    Reply to this message

    • Merci.
      Mais apparemment le plugin n’est pas actif, du moins sur la page d’accueil.
      L’as tu activé dans la partie privée du site ?

    Reply to this message

  • 1

    Bonjour,
    j’ai installé le plugins dont j’ai pu voir les exemples sans problème, mais lorsque j’intègre le code galerie dans un article de mon site, j’ai ce message “PostcardViewer pour SPIP nécessite JavaScript et le lecteur Flash.” Ai-je oublié une étape ?
    merci

    • Bonjour

      as-tu un lien à me communiquer vers le site qui pose problème ?

      Manu

    Reply to this message

  • 1

    Une petite question
    Je viens de trouver ce plugin qui me semble des plus intéressant..

    J’ai une question de mise en forme d’image

    Voir mon essai sur

    http://dbruriaud.free.fr/spip/spip.php?article2

    J’ai bien le diaporama mais la photo choisie est bien zoomée mais pas je n’arrive pas a voir commet je pourrai l’afficher en entier..

    On zoom sur une partie de la photo choisie , faut il réduire la taille des photos ou peut on augmenter la taille du bloc

    Merci de votre aide

    • Les deux solutions sont possibles :
      -  modifier votre squelette article pour élargir la zone qui contient le texte ET garder les photos en 600 pixels
      -  garder votre squelette article intact ET réduire les photos
      En l’occurence, il ne s’agit pas d’un dysfonctionnement du plugin mais d’un choix d’ergonomie.

    Reply to this message

  • Pour le faire fonctionner sous 1.9 il suffit de changer les nom de table dans le fichier pcv.php et enlever la variable ._NOM_PERMANENTS_ACCESSIBLES pour les urls.

    Reply to this message

  • 5

    Bonjour,
    j’ai installé le plugin comme indiqué mais les images apparaissent tronquées dans un bandeau étroit et non en pleine page

    • As tu un lien vers un site pour que je puisse t’aider ?

    • Pas avec PostCardViewer... comme cela ne marchait pas et que je voulais tout de même animer les photos mises en ligne je l’ai remplacé par Thickbox, mais je souhaite pouvoir utiliser PostCardViewer à la place sur ce site : http://www.loutilenmaintroyes.fr/spip.php?article7

    • Peux tu
      -  activer le plugin sur ce site
      -  activer la balise dans cet article ?
      Quand c’est fait, je regarderai ce qui peut empêcher le plugin de fonctionner correctement.

    • j’ai activé le plugin ainsi que la balise dans l’article
      http://www.loutilenmaintroyes.fr/spip.php?article7

    • Il y a un souci dans le fichier pcv_options.php, à la racine du plugin.
      Vérification faite - je bats ma coulpe - c’est de ma faute.
      Il y a un mauvais caractère dans une des lignes :

      // Hauteur de l'animation (% ou px)
      define("_PCV_HEIGHT", "100ù");

      On devrait avoir :

      // Hauteur de l'animation (% ou px)
      define("_PCV_HEIGHT", "100%");

      Corrige le fichier dans ton plugin, pour ma part je publie un nouveau zip.
      Désolé...

    Reply to this message

  • 1

    Trouvé ! Il faut conserver “0x8B6F92” et le cadre s’affiche autour des vignettes.

    Comment faire un cadre autour de la fenêtre de l’animation ?

    Peut-on intégrer la version pro de postcard viewer ?

    Merci beaucoup

    • Bonjour

      as-tu une adresse de site à communiquer pour que je puisse t’aiguiller dans l’ajout d’une bordure autour de l’animation ?

      Quant à utiliser la version Pro, a priori, aucun souci : il te suffit de remplacer le fichier pcv_viewer.swf (à la racine du plugin) par celui fourni dans la version pro.

      Manu

    Reply to this message

  • Exact, ça marche.

    Petit problème : je n’arrive pas à régler le cadre : “2x373737” mais rien ne se passe...

    Reply to this message

Comment on this article

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