SPIP-Contrib

SPIP-Contrib

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

290 Plugins, 198 contribs sur SPIP-Zone, 81 visiteurs en ce moment

Accueil > Affichage multimédia > Galeries et diaporamas > Plugin photos > Plugin photos

Plugin photos

23 mai 2009 – par Bernard Blazin – 23 commentaires

13 votes

Le plugin photos permet d’insérer des images ou des photos non pas dans un article mais dans une page squelette, et offre la possibilité aux personnes connectées sur le site d’uploader directement leurs images dans un répertoire propre au plugin et cela directement depuis l’espace public et dans la page diaporama.

Pour toutes autres visiteurs du site le formulaire d’upload n’est absolument pas visible, par contre le diaporama est bien là.

Comment ça marche ?

Comme tous les plugins, dezippez l’archive, l’installer dans le répertoire plugins de votre site et cocher la case.

Côté public, une simple noisette présente dans le plugin à inclure dans le squelette. <INCLURE{fond=diapo}>

Il faut s’assurer que la balise #INSERT_HEAD est bien présente dans le squelette. On peut lire la description de l’image, la date d’envoi et le nom de son dépositaire. Un menu permet d’activer un diaporama automatique.
Le diaporama


Côté Administration
on retrouve l’ensemble des photos déposées avec la date et le nom du dépositaire. L’administrateur à la main sur tout. Il peut supprimer une image ou modifier le texte de présentation de la-dite image.
Côté Admin

Ce plugin est encore en version test sur spip-zone.

A Venir ( un coup de main ne serait pas de refus )

  1. Notation des photos
  2. Actuellement les images effacées le sont bien dans la table mais pas dans le répertoire. Il faut donc prévoir cette option.
  3. Pagination des vignettes dans l’espace admin. A jour sur spip-zone
  4. Effet Thickbox dans l’espace privé ( actuellement la vignette retourne une pop-up)

Une démo est visible ici La Plume et l’encrier

Le plugin en version test est téléchargeable ici

Dernière modification de cette page le 3 août 2009

Retour en haut de la page

Tout afficher

Vos commentaires

  • Le 13 juin 2009 à 18:05, par tofe En réponse à : Plugin photos

    Le plugin fonctionne très bien sur notre site. Par contre, il aurait été très intéressant d’afficher les vignettes sur une page avec lien sur celles-ci svers la page définie pour le diaporama complet (vignettes et photos).

    N’étant pas un grand spécialiste, je me demande (et vous le demande) s’il y aurait un moyen de modifier ce plugin bien sympa pour y arriver.

    • Le 13 juin 2009 à 19:43, par Bernard Blazin En réponse à : Plugin photos

      Oui c’est certainement possible.

      Je vais voir comment on peut faire cela ( d’ailleurs ce serait intéressant de proposer le choix : dans la même page ou déporté, par l’intermédiaire de cfg)

      Laissez moi quelques jours pour étudier la question.

    Répondre à ce message

  • Le 30 mai 2009 à 09:26, par ? En réponse à : Plugin photos

    bonjour,
    pourriez vous donner un exemple complet de page du type x.html a inserer
    et comment appeller cette page dans le squellette principal
    merci
    je suis en spip 2.0.8 et sarkaspip

    • Le 31 mai 2009 à 12:13, par Bernard Blazin En réponse à : Plugin photos

      Bonjour,

      Je ne sais pas pour Sarka mais c’est simple par exemple en reprenant la page sommaire de la distribution on peut faire un truc comme ça que l’on appellera photos.hml

      [(#REM)
              Un cache plus court, pour la boucle syndic_articles
      ]#CACHE{3600}
      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
      <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="#LANG" lang="#LANG" dir="#LANG_DIR">
      <head>
      <title>[(#NOM_SITE_SPIP|textebrut)]</title>
      [<meta name="description" content="(#DESCRIPTIF_SITE_SPIP|couper{150}|textebrut)" />]
      <INCLURE{fond=inc-head}>
      </head>

      <body class="page_sommaire">
      <div id="page">

              [(#REM) Entete de la page + titre du site ]
              <INCLURE{fond=inc-entete}>

              [(#REM) Contenu principal : derniers articles publies ]
              <div class="hfeed" id="conteneur">
              <div id="contenu">
                     
                      <div class="cartouche invisible">
                              <h1 class="invisible">#NOM_SITE_SPIP</h1>
                      </div>
                     
                      [<div class="chapo">(#DESCRIPTIF_SITE_SPIP)</div>]
                     
                      [(#REM) Diaporama ]
                      <INCLURE {fond=diapo}>
                     
                     
                      [(#REM) Sur le Web ]
                      <B_syndic>
                      <div class="menu">
                              <h2><:nouveautes_web:></h2>
                              <ul>
                                      <BOUCLE_syndic(SYNDIC_ARTICLES) {age<180} {par date}{inverse} {0,6}>
                                      <li>[(#DATE|affdate_jourcourt) &ndash; ]<a href="#URL_ARTICLE"[ title="(#NOM_SITE|attribut_html|couper{80})"] class="spip_out">#TITRE</a></li>
                                      </BOUCLE_syndic>
                              </ul>
                      </div>
                      </B_syndic>
             
              </div><!--#contenu-->
              </div><!--#conteneur-->
             
              [(#REM) Menu de navigation laterale ]
              <div id="navigation">
                     
                      [(#REM) Menu de navigation par rubriques ]
                      <INCLURE{fond=inc-rubriques}>
                     
                      #FORMULAIRE_RECHERCHE

         </div><!--#navigation-->
             
              [(#REM) Menu de navigation laterale ]
              <div id="extra">
                     
                      [(#REM) Inscription au site ]
                      #FORMULAIRE_INSCRIPTION
                     
              </div><!--#extra-->
             
              [(#REM) Pied de page ]
              <INCLURE{fond=inc-pied}{skel=#SQUELETTE}>
             
      </div><!--#page-->
      </body>
      </html>
    • Le 2 juin 2009 à 08:06, par Patrick En réponse à : Plugin photos

      Diaporama et Upload pour SPIP 2
      Bonjour, Je viens de placer en local votre plugin sur un squelette adapté de Durzy, avec spipv208 et easyphp 108. Tout marche après avoir compris qu’il ne fallait pas placer le plugin dans plugins/auto... mais dans plugin. Questions, peut on augmenter la taille des images, comment aussi adapter les textes de description (police et taille) sous les photos ?
      Enfin le diaporama ne marche que pour un seul article (il récolte toutes les vignettes du dossier vignettes) ?
      Les images téléchargées sont placées dans l’ordre inverse de leur téléchargement ?
      Beaucoup de questions ! Merci et bravo pour cette contribution.

    • Le 2 juin 2009 à 08:20, par Bernard Blazin En réponse à : Plugin photos

      Bonjour,

      Le plugin est indépendant des articles ou des rubriques. C’est juste un diaporama pour le plaisir de montrer et de partager des photos sur son site.

      Le poids des images est volontairement bridé pour ne pas saturer l’hebergeur pendant les uploads et d’ailleurs certains hebergeurs limitent également ce poids.. Mais on peut modifier celui-ci dans le code php de la balise du plugin.

      Pour l’ordre d’affichage des vignettes il faut regarder la noisette ( diapo.html) et modifier les boucles en ajoutant ou supprimant {par date}{inverse}.

      Enfin pour les polices de caractères il faut voir côté css.

      Bon courage

    • Le 3 juin 2009 à 21:21, par ? En réponse à : Plugin photos

      une version avec des « sous-diaporama » verra t’elle le jour ?
      c’est a dire avec plusieurs portfolio en fait

      merci de votre réponse

    • Le 10 juin 2009 à 19:44, par Bernard Blazin En réponse à : Plugin photos

      Non, ce n’est pas prévu dans l’immédiat. Je souhaite d’abord finaliser proprement celui-ci

    Répondre à ce message

  • Le 26 mai 2009 à 13:06, par Olivier LEMOINE En réponse à : Plugin photos

    Bonjour, ce plug-in nécessite-t-il une intégration dans un squelette ?
    C’est sans doute pour cela que je ne trouve pas la commande pour inserrer une ou des images ?

    • Le 26 mai 2009 à 15:55, par Bernard Blazin En réponse à : Plugin photos

      Oui bien entendu, pour que le plugin fonctionne, il faut créer une page x.html et l’on oubliera pas de glisser un #INSERT_HEAD et le fameux <INCLURE{fond=diapo}>

      Ce plugin n’est pas relié à un article, une rubrique ou un mot-clé, ce qui le rend tout à fait autonome..et c’est tout son charme ;-)

    Répondre à ce message

  • Le 25 mai 2009 à 12:46, par Bernard Blazin En réponse à : Plugin photos

    Le plugin utilise toutes les possibilités de la balise #SESSION.

    Donc ça doit marcher avec les visiteurs. Regarde quand même dans la balise du formulaire, des fois que j’aurais imposé des restrictions aux 6forum ( mais ça m’étonnerait)

    • Le 25 mai 2009 à 12:52, par ? En réponse à : Plugin photos

      Ok, merci !

    Répondre à ce message

  • Le 25 mai 2009 à 11:40, par ? En réponse à : donner droit aux visiteurs

    Bonjour,

    plugin très intéressant !

    Comment le modifier pour que les visiteurs enregistrés aient le droit d’uploader des photos ?

    Avec une modération à priori ?

    Merci !

    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

  • PHANTOM (HTML5UP)

    18 juillet – commentaires

    Squelette SPIP pour intégrer le modèle Phantom de HTML5UP. https://html5up.net/phantom Installation A l’activation, le plugin installe aussi les plugins suivants : crayons, favicon, metasplus+, Couleur d’objet, champs extras, SPIP reset centre (...)

  • Cycle2

    7 août 2014 – 119 commentaires

    La seconde version de la librairie Javascript « jQuery Cycle », qui permet de produire des diaporamas, se nomme « Cycle2 » : http://jquery.malsup.com/cycle2/. Voici cette nouvelle librairie mise en plugin pour SPIP. Si vous utilisez déjà « jQuery (...)

  • Galleria (fr)

    16 novembre 2011 – 193 commentaires

    Une galerie d’image qui utilise la librairie javascript Galleria. Description Ce plugin vous permet d’ajouter des galeries d’images à vos articles. La galerie créée utilise la librairie javascript Galleria. Le plugin propose un modèle nommé (...)

  • Une licence pour un article

    18 avril 2007 – 51 commentaires

    Sur une idée originale de erational, voici un plugin permettant de lier une licence à un article.

  • ScolaSPIP 4

    19 janvier 2016 – 371 commentaires

    ScolaSPIP est plugin-squelette responsive personnalisable pour sites Web d’établissements scolaires basé sur SPIPr Présentation de ScolaSPIP Ce plugin pour SPIP 3 est développé par la Dane de l’académie de Versailles pour les webmestres de cette (...)