SPIP-Contrib

SPIP-Contrib

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

286 Plugins, 197 contribs sur SPIP-Zone, 241 visiteurs en ce moment

Accueil > Affichage multimédia > Galeries et diaporamas > Galerie Diapo > Plugin Diapo

Plugin Diapo

Galerie / diaporama en modèle

11 décembre 2006 – par bill – 540 commentaires

Toutes les versions de cet article : [Deutsch] [Español] [français] [italiano]

31 votes

Plugin ajoutant le modèle <diapoXX> permettant d’insérer les images de l’article XX sous forme de galerie/diaporama reprenant le fonctionnement de la galerie Walma.

But

Ayant besoin d’une galerie photo pour un site, j’ai d’abord créé un squelette spécifique (incluant un bloc inc-walma...).
Puis, la question s’est posée d’utiliser plutôt les brèves ou les rubriques...

J’ai finalement opté pour un modèle pour me libérer de cette contrainte.
Le résultat est visible sur le site du Pays Bourgogne-Nivernaise (v1) et sur ce site de test

Cette approche permet en plus de personnaliser / réutiliser facilement les développements.

Installation

C’est un plugin, il suffit de le placer en sous-répertoire du dossier /plugins et de l’activer.

Utilisation

Vous disposez alors d’un nouveau raccourci typographique <diapoXX> permettant d’insérer les images de l’article XX sous forme de galerie/diaporama.

Vous pouvez spécifier le mode par defaut :
-  <diapoXX|diapo> (équivalent à <diapoXX>) pour le diaporama
-  <diapoXX|pause> pour le diaporama en pause
-  <diapoXX|left> pour une galerie avec vignettes à gauche
-  <diapoXX|right> pour une galerie avec vignettes à droite
-  <diapoXX|center> pour une galerie avec vignettes en haut et grande image

Le modèle fonctionne avec JQuery, utilisant des appels AJAX pour la pagination et le chargement des images, mais reste fonctionnel sans javascript.

Personnalisation

Vous pouvez definir plusieurs paramètres de personnalisation dans votre fichier mes_fonctions.php :
-  le temps de pause du diaporama (en millisecondes, par défaut 8000) :

//temps de pause 5 secondes :
$GLOBALS['diapo_temps']=5000;

-  le nombre de vignettes par page (par défaut 8) :

//10 vignettes par page :
$GLOBALS['diapo_vignettes']=10;

-  la largeur maximum de la « grande » (diaporama et center) image (en pixels, par defaut 560) :

//largeur de la grande image  500px maxi :
$GLOBALS['diapo_grand']=500;

avec la feuille de style par défaut (diapo.css.html), le diaporama fera 4px de plus en largeur (2px de marge).

-  La taille des vignettes (calculée automatiquement si elle n’est pas précisée pour que les vignettes tiennent sur une ligne en mode center).

//largeur et hauteur maxi des vignettes 80px :
$GLOBALS['diapo_vignette']=80;

-  la largeur maximum de la « petite » image :

$GLOBALS['diapo_petit']=350;

Par défaut, il n’y a pas de restriction en hauteur pour les images (petite et grande) mais les vignettes sont réduite en largeur et hauteur.

Vous pouvez préciser également ces paramètres :

$GLOBALS['diapo_grand_h']=400;
$GLOBALS['diapo_petit_h']=300;
$GLOBALS['diapo_vignette_h']=70;

Il n’y a pour l’instant pas de véritable gestion de modèles, mais c’est en réflexion. Vous pouvez déjà surcharger le modèle en posant le vôtre dans /squelettes/modeles/diapo.html.

[(Attention : certaines règles strictes (bidouilles) doivent être respectées en attendant mieux.

Regardez les commentaires dans le code des squelettes si vous personnalisez le modèle.

Mais il y a déjà de quoi faire avec la feuille de style et les modèles de pagination.)]

Voir en ligne : http://plugins.spip.net/diapo

Dernière modification de cette page le 11 juin 2012

Retour en haut de la page

Tout afficher

Vos commentaires

  • Le 4 novembre 2010 à 18:29, par nicofrand En réponse à : Plugin Diapo

    Personnellement j’ai eu besoin (spip 2.1.2) de revoir le fichier diapo.html situé dans « modeles » en déplaçant la div située juste après le

    1. <?php endif; ?>

    pour la mettre juste avant ce endif.

    Ça en aidera peut-être certains.

    • Le 23 novembre 2010 à 16:26, par nicofrand En réponse à : Plugin Diapo

      Et j’ai du éditer la ligne 34 en remplaçant :

      1. style="(#ENV{align}|match{right|left}|?{'display:none',''})" []

      par

      1. style="[(#ENV{align}|match{right|left}|?{'display:none',''})]"

    Répondre à ce message

  • Le 24 octobre 2012 à 15:38, par Stéph En réponse à : Plugin Diapo

    Bonjour,
    Je suis sous Spip 3.0.5 et, malgré le changement de code dans le fichier modeles/diapo.html comme préconisé dans le post du 22 janvier à 14:01 par Jean Christophe Villeneuve, il reste un problème qui est que seule la 1re image du portfolio est visible en grand. Quand je clique sur l’icône de la 2e image (ou d’une autre), ce n’est que la 1re qui reste en grand... J’ai tenté d’appliquer la modification proposée le 25 janvier à 16:55 par Jean Christophe Villeneuve, soit la création d’un fichier /squelettes/modeles/diapo.html avec le code proposé mais là c’est encore pire : je n’ai plus aucune image agrandie (seules les icônes réduites et placées n’importe comment). Voir la pièce-jointe car le site est en local pour l’instant.
    N’étant pas développeur du tout, toute l’aide serait la bienvenue...
    Merci par avance,
    Stéphane

    JPEG - 133.6 ko

    Répondre à ce message

  • Le 9 février 2010 à 21:52, par paolo En réponse à : Plugin Diapo avec Spip 2.1

    Pour info. : Sur un site test j’essaie Diapo avec SPIP 2.1, mais les boucles du plugin cause problème. Je reçois cette notification :

    Erreur de compilation        ../plugins/diapo/modeles/diapo.html        Boucle _docs_diapo; ligne 27

    • Le 9 février 2010 à 23:56, par Bill En réponse à : Plugin Diapo avec Spip 2.1

      Salut Paolo,

      Toujours betatesteur fou ?

       :)

      Bon, pour tout t’avouer, j’ai été très surpris de voir que ca marche en 2.0...

      Je m’attendais à des problemes sur le défilement des photos (critère diapo) qui est vraiment une sale bidouille, mais pas à une erreur de compilation, il doit y avoir juste un détail à changer dans le critère diapo, je regarde dès que possible.

      @++

    • Le 10 février 2010 à 00:27, par Bill En réponse à : Plugin Diapo avec Spip 2.1

      je confirme malheureusement que l’astuce utilisée pour le critère diapo (nommage des fonctions générées par le compilo) ne marche plus.

      Il faut refaire le critère diapo proprement ou revoir la logique du modèle.

      dommage, c’etait pas très élégant mais ca marchait avec juste 10 lignes de code...

    • Le 11 février 2010 à 21:30, par paolo En réponse à : Plugin Diapo avec Spip 2.1

      betatesteur fou ?

      Non, mais j’aime beaucoup regarder à l’horizon lorsque j’ai un moment libre. Ceci dit, évidemment, dès que tu le répares je suis à ton service pour tester ;)

    • Le 24 février 2010 à 22:33, par paolo En réponse à : Plugin Diapo avec Spip 2.1

      Il faut refaire le critère diapo proprement ou revoir la logique du modèle.

      J’aimerais aider, mais je crois que c’est seulement en testant — et en encourageant ;)

    • Le 21 mai 2010 à 14:23, par Arnaud En réponse à : Plugin Diapo

      Excusez-moi, mais ça consiste en quoi de « refaire le critère diapo » ?J’ai ce problème et je ne sais pas comment faire.
      Merci !

    • Le 14 octobre 2010 à 21:22, par Eric B En réponse à : Plugin Diapo

      Bonjour,

      étant dans le même bateau, j’aimerais savoir s’il y a eu de l’avancement à ce sujet ?

      Merci.

    • Le 30 octobre 2010 à 09:57, par paolo En réponse à : Plugin Diapo

      Pour ma part j’ai désinstallé diapo et j’utilise maintenant le plugin mediabox.

    • Le 26 décembre 2010 à 17:25, par Exci En réponse à : Plugin Diapo avec Spip 2.1

      Toujours rien ??

    • Le 18 février 2011 à 17:04, par Ploufplouf En réponse à : Plugin Diapo

      Bonjour,

      Apparemment pas de suite donnée pour ce plugin pourtant très bien... Dommage je trouve pas d’équivalent : une présentation simple, une personnalisation des boutons simple, un rendu sobre et pratique...

      Enfin espérons qu’une bonne âme ait envie de faire évoluer le modèle pour 2.1.8...

      Je le ferai bien mais je connais pas assez...

    Répondre à ce message

  • Le 24 mars 2010 à 12:39, par Patrick En réponse à : Plugin Diapo

    Bonjour,

    J’ai essayé SPIP 2.1.0-rc [15524]

    J’ai obtenu le message suivant :

    Erreur de compilation dans plugins/auto/diapo_1_9/modeles/diapo.html, boucle _docs_diapo, ligne 28

    Je suis en local et je n’ai pas l’intention de passer en distant pour le moment avec cette version de spip.

    Le plugin diapo me sert beaucoup.

    Ce billet n’a pour but que de prévenir les futures mutations...

    Mille excuses, je n’avais pas vu le post précédent ! ET BON COURAGE

    • Le 19 décembre 2010 à 22:54, par clem En réponse à : Plugin Diapo

      Y a t il une solution de proposé ?

    Répondre à ce message

  • Le 13 juillet 2011 à 16:54, par josephtux En réponse à : Plugin Diapo

    Bonjour

    il semble que diapo ne fonctionne plus avec spip 2.1, ou bien des 3 versions proposées, l’une est-elle compatible ?

    sinon, je me hasarderais bien dans les bidouilles proposées aimablement sur ce forum, bien qu’elles me dépassent un peu, mais sur les 3 versions proposées actuellement, laquelle dois-je choisir ?

    Actuellement, j’ai la version : 0.6 [16473] ( qui ne marche plus )

    Merci au compagnon qui a donner l’info sur médiabox, qui rend bien service en dépannage, mais :
    -  je n’ai pas trouvé de démarrage automatique en mode diaporama ( bénin ), ni d’empécher ( automatiquement ) son fonctionnement en boucle.
    -  je n’ai pas su imposer mon choix à l’ordre des images affichées ( plus ennuyeux )

    Merci à tous et à l’auteur de ce plugin, qui, j’espère voudra bien encore nous le proposer un jour pour SPIP 2.1.

    • Le 13 juillet 2011 à 17:35, par josephtux En réponse à : Plugin Diapo

      P.S.
      à propos de version, dans ma version 0.6 du plugin, le fichier :
      plugins/auto/diapo_1_9/modeles/diapo.html ne comporte aucune balise php.
      Donc, aucune bidouille proposée ne peut être bêtement appliquée comme je pouvais l’espérer.

    Répondre à ce message

  • Le 22 janvier 2012 à 14:01, par Jean Christophe Villeneuve En réponse à : Plugin Diapo

    Désirant vraiment utiliser ce plugin avec les dernières versions de spip, j’ai regardé un peu le code et une modif simple permet de le faire fonctionner avec spip 2.1.12 ou spip 3 :

    <BOUCLE_docs_diapo(DOCUMENTS){id_article}{extension IN png,jpg,gif}{diapo (#GET{nb_vignettes}) #ID_ARTICLE}{par num titre, titre, id_document}>

    devient

    <BOUCLE_docs_diapo(DOCUMENTS){id_article}{extension IN png,jpg,gif}{par num titre, titre, id_document}{0,1}>

    et voilà
    C’est visible sur un spip 2.1.12 ici

    Je ne sais pas quelle est le rôle du critère {diapo (#GET{nb_vignettes}) #ID_ARTICLE} mais cela semble fonctionner sans si on met le critère{0,1}

    • Le 22 janvier 2012 à 22:24, par Nabs En réponse à : Plugin Diapo

      Bonsoir,

      je ne parviens pas à trouver les lignes à modifer. Dans quel fichier se trouve t-elles car je ne trouve que .

      je continue à recevoir des messages d’erreur sans parvenir à afficher la galerie.

      Je suis sous SPIP 2.1.12 [18732] ; Sarka-SPIP 3.0.8 [54368] ; PHP 5.2.17

      Merci de votre aide.

      Nab

    • Le 22 janvier 2012 à 22:25, par Nabs En réponse à : Plugin Diapo

      La ligne de code n’est pas passée, je ne trouve que :
      <BOUCLE_docs_diapo(DOCUMENTS){id_article}{diapo 8}{par num titre}>

      DSL ;-)

    • Le 22 janvier 2012 à 22:47, par Jean Christophe Villeneuve En réponse à : Plugin Diapo

      le code à modifier se trouve dans /diapo/modeles/diapo.html

      visible sur un spip 2.1.12 ici

    • Le 25 janvier 2012 à 11:36, par Nabs En réponse à : Plugin Diapo

      Bonjour

      Je suis soit un boulet ;-), soit aveugle mais j’ai beau regarder, je ne trouve pas les lignes que vous citez. J’avais bien regardé dans /diapo/modeles/diapo.html pourtant...
      Je vais donc me permettre de coller l’intégralité du fichier.
      Si vous pouviez m’aider, j’apprécierais beaucoup. Je suis ouverte à toute aide, et même aux petites moqueries si c’est moi qui délire !

      <BOUCLE_art(ARTICLES){id_article=#ENV{id}}>
      <div id="diapo#ID_ARTICLE">
      <!-- debut diapo#ID_ARTICLE -->
      <B_docs>
      [(#ANCRE_PAGINATION)]
      [<div class="diapo_menu">
      <span id="diapo_icones">
      <a id="diapo_ico"[ class="(#ENV{align}|choixsivide{'selected',''})"][ class="(#ENV{align}|choixsiegal{'center','selected',''})"] href="#pagination_docs" title="<:diapo:txt_icodiapo:>">&gt;</a>
      <a id="diapo_icoright"[ class="(#ENV{align}|choixsiegal{'right','selected',''})"] href="#pagination_docs" title="<:diapo:txt_icoright:>">&nbsp;</a>
      <a id="diapo_icoleft"[ class="(#ENV{align}|choixsiegal{'left','selected',''})"] href="#pagination_docs" title="<:diapo:txt_icoleft:>">&nbsp;</a>
      <a id="diapo_icocenter"[ class="(#ENV{align}|choixsiegal{'diapo','selected',''})"] href="#pagination_docs" title="<:diapo:txt_icocenter:>">&nbsp;</a>
      </span>
      (#PAGINATION)
      </div>]
      <B_docs>
      <div id="diapo_vignettes" class="diapo_vignettes[_(#ENV{align})]">
      <BOUCLE_docs(DOCUMENTS){id_article}{pagination 8}{par num titre}>
      [<div class="diapo_vignette"><a class="vignette_[(#_art:ID_ARTICLE)]_[(#COMPTEUR_BOUCLE)]" href="[(#SELF|parametre_url{diapo_docs_diapo,[(#COMPTEUR_BOUCLE|moins{1})]})]#pagination_docs"[ title="(#TITRE|couper{80}|texte_backend)"]>
      (#LOGO_DOCUMENT||image_reduire{85}|inserer_attribut{alt,[(#TITRE|couper{80}|texte_backend)]})
      </a></div>]
      </BOUCLE_docs>
      </div>
      </B_docs>
      [(#REM) Attention bidouille :
      - critere diapo avec meme pas que pagination
      - meme nom de boucle + 6 caracteres(_diapo)
      => il faudrait sans doute surcharger pagination...]
      <BOUCLE_docs_diapo(DOCUMENTS){id_article}{diapo 8}{par num titre}>
      <img id="diapo_loading" style="display:none" src="[(#CHEMIN{'img_pack/loading.gif'})]"/>
      <div id="diapo"[ class="(#ENV{align}|match{right|left}|?{'diapo_petit','diapo_grand'})"]>
      <a href="#FICHIER"[ title="(#TITRE|supprimer_numero|texte_backend)"] type="#MIME_TYPE">
      <img id="diapo_petit"[ style="(#ENV{align}|match{right|left}|?{'','display:none'})"] src='[(#FICHIER|image_reduire{710,0}|extraire_attribut{src})]' height='[(#FICHIER|image_reduire{530}|hauteur)]' width='[(#FICHIER|image_reduire{530}|largeur)]' alt='[(#TITRE|supprimer_numero|texte_backend)]' />
      <img class="diapo_[(#_art:ID_ARTICLE)]_[(#COMPTEUR_BOUCLE)]" id="diapo_grand"[ style="(#ENV{align}|match{right|left}|?{'display:none',''})"] src='[(#FICHIER|image_reduire{710,0}|extraire_attribut{src})]' height='[(#FICHIER|image_reduire{710,0}|hauteur)]' width='[(#FICHIER|image_reduire{710,0}|largeur)]' alt='[(#TITRE|supprimer_numero|sinon{[(#FICHIER|)]})]' />
      </a>
      [<h3>(#TITRE|supprimer_numero)</h3>]
      [<p>(#DESCRIPTIF)</p>]
      </div>
      </BOUCLE_docs_diapo>
      <!-- fin diapo#ID_ARTICLE -->
      </div>
      </BOUCLE_art>

      Merci encore

      Nabs

    • Le 25 janvier 2012 à 13:16, par Jean Christophe Villeneuve En réponse à : Plugin Diapo

      Bizarre que tu aies cette ligne

      <BOUCLE_docs_diapo(DOCUMENTS){id_article}{diapo 8}{par num titre}>

      dans ce fichier
      En tout cas, c’est bien cette ligne qu’il faut modifier comme indiqué dans mon premier message.

    • Le 25 janvier 2012 à 15:29, par Nabs En réponse à : Plugin Diapo

      Bonjour

      Oui, celle ligne est bizarre. C’est pourtant le fichier d’origine de l’archive téléchargée ici même...
      Je l’ai modifiée selon vos conseils.
      J’ai effectivement une légère amélioration, mais la galerie reste bloquée sur une image. Lorsque je clique sur des vignettes, il ne se passe... rien ! Je ne comprends même pas pourquoi cette image là.
      Vous pouvez voir ici, rubrique Accessoires et Bijoux.

      Merci

    • Le 25 janvier 2012 à 16:55, par Jean Christophe Villeneuve En réponse à : Plugin Diapo

      Bon pas trop le temps d’y regarder de près.
      Essaye de créer un fichier diapo.html que tu mets dans un dossier /squelettes/modeles avec ce code dedans (code d’origine plus la petite modif) et regarde si ça fonctionne mieux

      <BOUCLE_art(ARTICLES){id_article=#ENV{id}}>
      #SET{nb_vignettes,#DIAPO_VIGNETTES}
      <div id="diapo#ID_ARTICLE" class="diaporama">
      <!-- debut diapo#ID_ARTICLE -->
      <B_docs>
      <div class="diapo_menu">
      <span class="diapo_icones">
      <a rel="diapo#ID_ARTICLE" class="diapo_ico[ (#ENV{align}|choixsivide{'selected play',''})][ (#ENV{align}|choixsiegal{'diapo','selected play',''})][ (#ENV{align}|choixsiegal{'pause','selected',''})]" href="#pagination#ID_ARTICLE" title="<:diapo:txt_icodiapo:>">[ (#ENV{align}|choixsiegal{'pause',<:diapo:ico_diapo_pause:>,<:diapo:ico_diapo_play:>})]</a>
      <a rel="diapo#ID_ARTICLE" class="diapo_icoright[ (#ENV{align}|choixsiegal{'right','selected',''})]" href="#pagination#ID_ARTICLE" title="<:diapo:txt_icoright:>"><:diapo:ico_right:></a>
      <a rel="diapo#ID_ARTICLE" class="diapo_icoleft[ (#ENV{align}|choixsiegal{'left','selected',''})]" href="#pagination#ID_ARTICLE" title="<:diapo:txt_icoleft:>"><:diapo:ico_left:></a>
      <a rel="diapo#ID_ARTICLE" class="diapo_icocenter[ (#ENV{align}|choixsiegal{'center','selected',''})]" href="#pagination#ID_ARTICLE" title="<:diapo:txt_icocenter:>"><:diapo:ico_center:></a>

      </span>
      [(#ANCRE_PAGINATION)]
      [<div class="diapo_pagination">(#PAGINATION)</div>]
      </div>
      <div class="diapo_vignettes[ diapo_vignettes_(#ENV{align})]">
      <BOUCLE_docs(DOCUMENTS){id_article}{extension IN png,jpg,gif}{pagination (#GET{nb_vignettes}) #ID_ARTICLE}{par num titre, titre, id_document}>
      [<div class="diapo_vignette"><a rel="diapo#ID_ARTICLE" class="vignette_[(#_art:ID_ARTICLE)]_[(#COMPTEUR_BOUCLE)]" href="[(#SELF|parametre_url{diapo#ID_ARTICLE,[(#COMPTEUR_BOUCLE|moins{1})]})]#pagination#ID_ARTICLE"[ title="(#TITRE|couper{80}|texte_backend)"]>
      (#LOGO_DOCUMENT||image_reduire{#DIAPO_VIGNETTE,#DIAPO_VIGNETTE_H}|inserer_attribut{alt,[(#TITRE|couper{80}|texte_backend)]})
      </a></div>]
      </BOUCLE_docs>
      </div>
      </B_docs>
      [(#REM) Attention bidouille :
      - critere diapo avec meme pas que pagination
      - meme nom de boucle + 6 caracteres(_diapo)
      => il faudrait sans doute surcharger pagination...]
      <BOUCLE_docs_diapo(DOCUMENTS){id_article}{extension IN png,jpg,gif}{par num titre, titre, id_document}{0,1}>
      <img class="diapo_loading" alt="<:diapo:loading:>" style="display:none" src="[(#CHEMIN{'img_pack/loading.gif'})]"/>
      <div class="diapo[ (#ENV{align}|match{right|left}|?{'diapo_petit','diapo_grand'})]">
      <a href="#FICHIER"[ title="(#TITRE|supprimer_numero|texte_backend)"] type="#MIME_TYPE">
      <img class="diapo_petit"[ style="(#ENV{align}|match{right|left}|?{'','display:none'})"] src='[(#FICHIER|image_reduire{#DIAPO_GRAND,#DIAPO_GRAND_H}|extraire_attribut{src})]' height='[(#FICHIER|image_reduire{#DIAPO_PETIT,#DIAPO_PETIT_H}|hauteur)]' width='[(#FICHIER|image_reduire{#DIAPO_PETIT,#DIAPO_PETIT_H}|largeur)]' alt='[(#TITRE|supprimer_numero|texte_backend)]' />
      <img class="diapo_[(#_art:ID_ARTICLE)]_[(#COMPTEUR_BOUCLE)] diapo_grand"[ style="(#ENV{align}|match{right|left}|?{'display:none',''})"] src='[(#FICHIER|image_reduire{#DIAPO_GRAND,#DIAPO_GRAND_H}|extraire_attribut{src})]' height='[(#FICHIER|image_reduire{#DIAPO_GRAND,#DIAPO_GRAND_H}|hauteur)]' width='[(#FICHIER|image_reduire{#DIAPO_GRAND,#DIAPO_GRAND_H}|largeur)]' alt='[(#TITRE|supprimer_numero|sinon{[(#FICHIER|)]})]' />
      </a>
      [<h3>(#TITRE|supprimer_numero)</h3>]
      [<p>(#DESCRIPTIF)</p>]
      </div>
      </BOUCLE_docs_diapo>
      <!-- fin diapo#ID_ARTICLE -->
      </div>
      <br style="clear:both;"/>
      </BOUCLE_art>
    • Le 25 janvier 2012 à 17:01, par Nabs En réponse à : Plugin Diapo

      Merci bcp d’essayer de m’aider. Je vais créer ce fichier et voir ce qui se passe. Je vais aussi continuer de chercher, car débutante je ne peux qu’apprendre plein de choses...
      Merci encore.

      Nabs

    • Le 26 janvier 2012 à 21:08, par ? En réponse à : Plugin Diapo

      Bonsoir,

      Ca fonctionne avec la version svn stable, pas avec les autres apparemment. Merci de votre aide. Je vais bidouiller un peu la présentation maintenant, mais l’essentiel est là ! Merci encore donc

      Nabs

    • Le 14 février 2012 à 16:16, par Patrick En réponse à : Plugin Diapo

      Merci, Jean Christophe pour ce bout de code qui marche bien chez moi, en 2.1.2.
      J’avais abandonné à regret Diapo, mais un post de début février sur gmane.comp.web.spip.user m’a remis dans la voie.
      La lightbox de Mediabox est un plus !

    • Le 2 avril 2012 à 00:19, par mickamoi En réponse à : Plugin Diapo

      Salut,
      j’aimerai créer un diapo avec le plugin ou en rollover pour afficher les vignettes + une grande image.

      Voici mon code :

               <BOUCLE_article_rubrique(MOTS){id_article}>
                       <BOUCLE_mot(ARTICLES){id_mot} {exclus} >
                        <aside>  
                          <figure class="bubble-base"">
                             <a href="[(#URL_PAGE{article}|parametre_url{'id_rubrique',#ID_RUBRIQUE})]" alt="#TITRE">[(#LOGO_ARTICLE_RUBRIQUE||image_reduire{100,100}|
      |inserer_attribut{'alt',#TITRE}|inserer_attribut{'title',#TITRE} )]</a>
                          </figure>
                        </aside>
                       </BOUCLE_mot>  
               </BOUCLE_article_rubrique>  

      Comment insérer cette boucle dans mon squelette article avec un spip 2.1 en utilisant le plugin diapo ?
      Plus simplement, quelqu’un saurait-il comment faire pour réaliser un rollover comme ceci :

      http://javascript.about.com/library/blroll1.htm avec ma boucle ?

      Merci d’avance !

    • Le 2 avril 2012 à 08:00, par Patrick En réponse à : Plugin Diapo

      Bonjour,
      tu as un plugin qui ressemble à ça :
      Nivo-Slider
      sur spipcontrib.
      Je ne l’ai pas testé.

    Répondre à ce message

  • Le 30 juillet 2011 à 20:20, par Zab En réponse à : Plugin Diapo

    Bonjour,

    j’ai installé le plugin... mais je n’ai pas le début d’une idée de la façon de procéder ensuite ? Je ne suis pas débutante en spip mais là les preières étapes de base ne sont pas explicitées...
    Pourriez vous donc être plus explicite ? Que dois-je mettre dans le squelette ? C’est où, le raccourci typographique ? (je n’a rien vu dans les articles au niveau d e l’espace privé) Cela sert au moment du chargement des images ?
    XX c’est le numéro de l’article ? où doit se trouver cette balise diapo ?

    Suis totalement larguée...
    Je suis à la recherche d’un diaporama tout bête qui me permettrait d’afficher mon portfolio DANS ma page avec les vignettes + l’image sélectionnée en grand + un commentaire (plus long qu’un titre) (là par exemple : www.extrados.fr/spip.php?article1),

    J’ai essayé tout un tas de plugins, mais entre les non comptabiles spip 2, ceux qui ne donnent pas ce que je veux, ceux qui ne fonctionnent pas et ceux pour lesquels il n’y a ni explications ni aide... suis paumée.

    Au secours !

    Zab

    Répondre à ce message

  • Le 11 février 2011 à 11:18, par Ploufplouf En réponse à : Plugin Diapo

    Bonjour,

    Je dois migrer un site de la version 2.0.10 en 2.1.18 et mon site utilise cette galerie que j’ai personnalisé (icônes)... Je serais heureux de pouvoir la remettre sur mon nouveau site...

    Quelqu’un a-t-il réussi à adapter le plugin pour la 2.1 ?

    Merci.

    Répondre à ce message

  • Le 13 décembre 2010 à 11:11, par Cecilia En réponse à : Plugin Diapo

    Je n’arrive pas a re-dimensioner les grandes images, elles restent toujours a leur taille original.
    J’ai modifie les variables GLOBALS et aussi cree un fichier mes_fonctions.php mais sans succes.
    Quelqun aurait une idee ? Je dois eviter de re-dimensioner les images.
    Merci

    • Le 13 décembre 2010 à 11:59, par Cecilia En réponse à : Plugin Diapo

      Je voulais dire la taille des images « petit », c’est a dire quand on les affiche avec les vignettes en haut.

    • Le 13 décembre 2010 à 13:45, par Cecilia En réponse à : Plugin Diapo

      J’ai trouve que gd2 n’etait pas par defaut, donc, probleme resolu.

    Répondre à ce message

  • Le 13 décembre 2010 à 09:31, par Patrick En réponse à : Plugin Diapo

    Bonjour,

    Dans inc-documents.html de mon squelette, je viens de placer ce code avec un spip 212

    [(#REM) Portfolio : album d’images ]

    <B_documents_portfolio>
    <div id="documents_portfolio">
           <h2>Galerie photos</h2>
           #ANCRE_PAGINATION
    <BOUCLE_documents_portfolio(DOCUMENTS) {id_article} {mode=document}{extension IN png,jpg,gif} {par titre, date}{pagination 8}{doublons}{vu=non}>[
           <a href="(#URL_DOCUMENT)" type="#MIME_TYPE" onclick="location.href='[(#URL_ARTICLE
                   |parametre_url{id_document,#ID_DOCUMENT}
                   )]#documents_portfolio';return false;"[ class="(#EXPOSER)"][ title="(#TITRE|attribut_html|couper{80})"]>[(#FICHIER
                   |image_reduire{0,120}
                   |inserer_attribut{class,spip_logos}
                   |inserer_attribut{alt,[(#TITRE|attribut_html|couper{80})]})]</a>
           ]
           </BOUCLE_documents_portfolio>
    [<p class="pagination">Suite des documents ici:&nbsp;&nbsp;&nbsp;(#PAGINATION)&nbsp;&nbsp;&nbsp;</p>]
    </div>
    </B_documents_portfolio>

    lignes 1 à 17, il remplace ainsi avec mediabox le plugin diapo, à partir des images placées dans le portfolio.

    Visible ici

    • Le 13 décembre 2010 à 10:20, par Patrick En réponse à : Plugin Diapo

      suite et mise au point ... Utilisateur depuis longtemps de diapo, mon intention n’est pas de le dénigrer, mais je fais part d’une idée qui pourrait peut être faire avancer vos recherches...

    Répondre à ce message

Répondre à cet article

Qui êtes-vous ?

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

  • Métas +

    3 décembre – 14 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, (...)

  • Adaptive Images

    15 novembre 2013 – 69 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, (...)

  • Social tags

    8 septembre 2008 – 428 commentaires

    Le plugin Social Tags permet d’ajouter des icônes de partage de liens vers les sites tels que Digg, Facebook, Delicious.... Une fois le plugin installé et activé (voir doc.), le choix des sites se fait via un menu de configuration. Insertion (...)

  • Module de Paiement Stripe

    17 octobre – commentaires

    Stripe est un prestataire de paiement externe https://stripe.com/fr qui propose une API moderne et une interface de paiement extrêmement conviviale et efficace. Ce module permet les paiements à l’acte et les paiement récurrents. Configuration (...)

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

Ça spipe par là