Bandeau

Site de démonstration du jeu de squelettes ESCAL fonctionnant sous SPIP3 et mis à la disposition des Etablissements SColaires de l’Académie de Lyon.

Utilisé à ce jour dans 1408 sites
Diapo (+Mediabox)
Article mis en ligne le 3 mars 2013
dernière modification le 27 mars 2016

par Jean Christophe Villeneuve
logo imprimer
Enregistrer au format PDF

Dans toutes les galeries proposées sur Spip-Contrib, j’ai choisi de vous présenter celle-ci parce que je l’aime bien, ce qui est une raison suffisante.

On peut l’utiliser telle quelle mais on peut aussi la personnaliser avec les CSS et avec le fichier mes_fonctions. Tous les détails sont sur cet article de Spip-Contrib.

NB : Pour faire fonctionner ce plugin avec Spip 2.1.2 ou Spip 3, j’ai légèrement modifié le modèle de /diapo/modeles/diapo.html :

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

devient

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

NB : La fonction de diaporama automatique ne fonctionne pas avec Spip 3, il se bloque sur la 2e image sauf si vous appliquez le correctif de toto21 (merci et bravo à lui) !

Comme le plugin disponible sur Spip-Contrib semble ne pas fonctionner, je vous joins le zip de celui utilisé ici avec la modification proposée par toto21 déjà incluse et le fichier diapo.html modifié

diapo pour Spip3

Voici les réglages utilisés ici et livrés dans Escal. Ces réglages sont surchargeables dans un fichier mes_fonctions.php qui est à placer dans le dossier /squelettes de votre site.

  1. <?php
  2.  
  3. // paramètres pour le plugin diapo
  4.  
  5. //nombre de vignettes par page
  6. $GLOBALS['diapo_vignettes']=15;
  7.  
  8. //largeur et hauteur maxi des vignettes :
  9. $GLOBALS['diapo_vignette']=60;
  10.  
  11. //largeur maxi de la grande image avec vignettes en haut :
  12. $GLOBALS['diapo_grand']=400;
  13.  
  14. //largeur maxi de la grande image avec vignettes sur les côtés:
  15. $GLOBALS['diapo_petit']=300;
  16. //hauteur maxi de la grande image avec vignettes sur les côtés :
  17. $GLOBALS['diapo_petit_h']=300;
  18.  
  19. //diaporama : temps de pause en millisecondes :
  20. $GLOBALS['diapo_temps']=3000;
  21.  
  22. ?>

Télécharger

Elle est encore plus sympa avec le plugin Mediabox (plugin inutile avec Spip3 car déjà intégré) qui permet un joli effet d’agrandissement de la photo dans sa taille originale.

Pour afficher la galerie, il suffit d’entrer, par exemple, dans le texte de l’article

  1. <diapoXX|right>

où XX est le numéro de l’article et on choisit l’endroit où on affiche les vignettes au premier affichage avec right, left ou center ou le diaporama avec diapo

Et voici ce que ça donne :

Voyage en Argentine (merci à Sylvie et Francis pour ces photos)

>      
0 | 15
argentine01

argentine01

Sous le titre, un descriptif de l’image


P.S. :

il est utile de rappeler que vos photos ne doivent pas être trop lourdes. Je conseille donc :

  • résolution : 72px
  • taille 400 à 500 px maxi
  • suppression des métadonnées (EXIF ...)
  • qualité jpeg à 80%

Pour manipuler vos photos, je vous conseille XnView et PhotoFiltre


Forum
Répondre à cet article
Diapo (+Mediabox)
Philippe Pellicier - le 5 juin 2014

Je viens d’installer les deux plugins Diapo, en téléchargeant avec le lien et mediabox sur spip contrib version 0.8.4. J’ai voulu l’utiliser dans un article et j’ai un message comme quoi il y a une erreur de compilation dans le squelette à la ligne 28, qui est la ligne que tu dis avoir modifiée. Je ne suis pas capable de m’en sortir. Merci pour le coup de pouce.

Diapo (+Mediabox)
Jean Christophe Villeneuve - le 5 juin 2014

Hello

D’abord, Mediabox est par défaut livré avec spip3 donc inutile de le rajouter. Je dirais même ’Vire celui que tu as installé".

Ensuite, il s’agit bien de Diapo 0.6 qui n’est pas accessible en passant par l’interface de spip3 car il n’est pas répertorié comme compatible. Il faut donc utiliser le zip présent sur cette page.

Diapo (+Mediabox)
Coline - le 25 octobre 2013

Bonjour,
j’ai installé diapo+mediabox sous spip 3 avec escal v3.
J’ai créé un fichier mes_fonctions.php dans squelettes avec ce que vous avez indiqué plus haut pour le paramétrages de diapo. Mais quelques soient les valeurs que j’y rentre, elles ne sont pas prises en compte.
Avec firebug on peut voir que les tailles des images définies dans le html est toujours 400 pour les diapo_grand et 300 pour les diapo_petit.
Je ne sais pas ce qu’il faut faire pour changer ces valaurs.
Merci de m’aider.

Diapo (+Mediabox)
Jean Christophe Villeneuve - le 25 octobre 2013

Bonsoir

Ah oui, en effet, mes_fonctions.php ne prend pas le pas sur escal_fonctions.php semble-t-il ?

Je regarde ça !

Diapo (+Mediabox)
Jean Christophe Villeneuve - le 17 novembre 2013

la version 3.75.4 d’Escal que je viens de livrer à l’instant règle le problème. Elle sera disponible d’ici 1h.

Diapo (+Mediabox)
Stéphane - le 20 octobre 2013

Merci beaucoup d’avoir trouvé et partagé votre astuce pour permettre d’utiliser le plugin diapo avec spip 2.1.

Excellente idée de proposer le zip du plugin, en effet l’astuce ne fonctionne pas avec celui téléchargé sur http://plugins.spip.net/diapo.html

Bonne continuation à vous et encore un grand merci.

Diapo (+Mediabox)
Jean Christophe Villeneuve - le 20 octobre 2013

Et ça marche même avec Spip 3, comme on peut le voir ici.

Diapo (+Mediabox)
Stéphane - le 20 octobre 2013

Bonjour,

Ce plugin n’est plus proposé pour la version 2.1 ni 3 sur le site des plugins spip. Avec votre astuce, il pourrait l’être : il offre une belle présentation simple des images.

Je vais en profiter pour regarder vos autres idées sur ce site.

Diapo (+Mediabox)
Lhoual - le 16 mai 2013

Rebonjour Jean Christophe et/ou autres fans de escal V3,

Je me suis attaqué à l’insertion d’une video dans un article, j’ai suivi les tutos(plugins installés, video convertie en flv, ...), je l’inserre et tout se passe bien sauf l’affichage de la video et la lecture, je vois bien le cadre pris par la video et en haut à gauche de ce cadre j’ai une sorte d’icone en image.
Si quelqu’un a rencontré ce genre de soucis !!

Cordialement
ps : J’ai mis une impression ecran de ce que ça donne

Diapo (+Mediabox)
Jean Christophe Villeneuve - le 16 mai 2013

Hello

2 questions :

  • quel(s) plugin(s) utilises-tu pour les videos ?
  • comment as-tu "inséré" ta vidéo ?

En tout cas on dirait qu’il ne trouve pas la video.

Diapo (+Mediabox)
Lhoual - le 17 mai 2013

Bonjour,

  1. Pour les videos, j’utilise "lecteur_multimedia-2", j’avais mis le plugin videos aussi mais rien ne se passait il me permettait juste d’avoir un bloc pour ajouter des videos.
  2. Pour ajouter mes videos, je me mets sur l’article en mode modification ou création, sur la partie Ajouter une image ou un document, je fais un parcours puis ajoute la video, ensuite je mets le racourcis dans l’article.
    ==> Pour l’instant j’ai mis tous les differents racourcis trouvés sur les docs : <docXX|player> ; <docXX|video>.
    Et suivant les raccourcis j’ai la video en icone flash, comme sur l’image jointe.

Et merci encore pour les reponses

Diapo (+Mediabox)
Jean Christophe Villeneuve - le 17 mai 2013

Je te conseille de tester le plugin vidéo accessible

Tu l’actives et tu mets juste <embXX> dans ton article (XX étant le numéro du document vidéo)

Tu peux ensuite modifier la taille de ta vidéo avec le bouton "modifier" du document vidéo

Diapo (+Mediabox)
Lhoual - le 21 mai 2013

Et merci encore Jean Christophe,
C’etait le plugin qu’il fallait, pour l’instant tout marche j’ai pu modifier la taille de ma video et la lire aussi !

Diapo (+Thickbox)
Gérald - le 20 décembre 2009

Bonjour,

Je ne comprend pas la mise en œuvre de ce plugins ? Comment afficher les photos dans une page sous Escal ?

Merci de votre réponse,

Gérald

Diapo (+Thickbox)
Jean Christophe Villeneuve - le 20 décembre 2009

Que tu sois sous Escal ou pas, cela ne change rien.

Il suffit de créer un article à qui on joint les images que l’on veut voir dans la galerie et on ajoute le raccourci <diapoXX|right> par exemple dans le texte de l’article. (où XX est le numéro de l’article)

Et hop !

Diapo (+Thickbox)
Gérald - le 21 décembre 2009

Quand on a compris le principe, c’est très simple à mettre en œuvre !!
Une autre question liée à celle-ci : j’ai placé mes photos dans un article qui est lui-même dans une rubrique "invisible" (avec les mots-clés qui vont bien), puis j’ai créé un autre article sous une rubrique visible avec diapoXX dans le corps de l’article. J’utilise une des fonctionnalités de Spip qui me permet d’envoyer un mail tous les N jours (10 pour moi) pour avertir les abonnés à une liste des diffusion des ajouts d’articles sur le site. Dans ce mail apparaissent les articles normalement "invisibles". Y-a-t-il un moyen d’empêcher ça ?

Merci,

Gérald

Diapo (+Thickbox)
Jean Christophe Villeneuve - le 21 décembre 2009

Il faut voir ce que tu utilises pour envoyer tes mails et tenter de modifier pour exclure les rubriques invisibles avec une boucle d’exclusion.

Mais ce n’est plus lié à Escal ...

Diapo (+Thickbox)
Gérald - le 21 décembre 2009

J’utilise la fonctionnalité de Spip permettant de faire ça... mais je ne vais pas m’amuser à aller modifier Spip !! :o)

Merci pout tout !

Diapo (+Thickbox)
Jean Christophe Villeneuve - le 21 décembre 2009

Peut-être voir du côté du plugin "accès restreint" alors ?

Mais c’est sans aucune certitude !

Diapo (+Thickbox)
Gérald - le 20 décembre 2009

J’ai réussis à le mettre en œuvre, il suffisait de lire l’article sur Spip-contrib... Merci pour ce squelette génial et très simple à mettre en œuvre !!!

Diapo (+Thickbox)
Lhoual - le 14 mai 2013

Bonjour à tout le monde,
J’ai un petit soucis je ne sais pas si quelqu’un d’autre en a rencontré le meme :
J’ai tout activé pour le diapo, et j’ai les photos qui s’affichent convenablement, mais à la place de la petite flèche pour faire marcher le diapo, j’ai toujours le lien Editer(texte) qui m’ouvre(au clique) directelent l’article avec <diapoXX|right>,et en bas enregistrer !
J’aimerais donc avoir ma petite fleche comme sur les demos de Jean Christophe...

Cordialement

Diapo (+Thickbox)
Jean Christophe Villeneuve - le 14 mai 2013

Bonjour

Sans doute n’avais-tu pas fait la modification proposée par toto21. Je l’ai donc incluse dans le zip fourni sur cette page. Donc tu vas :

  • désinstaller le plugin diapo que tu as
  • le virer de ton dossier /plugins
  • télécharger le fichier .zip de cette page
  • le décompresser
  • le copier dans ton dossier /plugins
  • l’activer par l’interface privée de spip

et logiquement, tout devrait fonctionner.

Diapo (+Thickbox)
Lhoual - le 15 mai 2013

Re bonjour,
Bon j’ai retelecharger le zip fourni, l’ai installé comme ça se doit, valider et vider le cache et recalculer plusieurs fois la page, ça ne marche pas, j’ai modifié aussi la le fichier diapo.js comme a proposé toto21, mais toujous le petit lien apparait comme au debut...
Je t’ai mis en document joint, une image de capture d’ecran de ce que ça fait !

Cordialement

Diapo (+Thickbox)
Jean Christophe Villeneuve - le 15 mai 2013

Ah oui, j’ai vu !

Tu utilises le plugin "Crayons" qui te rajoute son icone pile au dessus du bouton du plugin "Diapo"

Rajoute une ligne de texte ou un <br /> juste avant le raccourci <diapoXX> et hop !

Diapo (+Thickbox)
Lhoual - le 16 mai 2013

Super oui c’était ça et merci encore...
ça marche nikel !!

Diapo (+Mediabox)
toto21 - le 29 novembre 2012

Fonctionnement sous Spip 3 du diaporama

En modifiant le fichier diapo.js.html comme suit :

#CACHE{7*24*3600,cache-client}
#HTTP_HEADER{'Content-Type: text/javascript'}

var diapo_on=false;
var center=true;

// DEBUG SPIP 3 :  ajout du paramètre mnum
function diaposlide(timeout,mDiapo,nmum){
        if (diapo_on){
                mClass=$("#"+mDiapo+" .diapo .diapo_grand").show().attr('class').replace(' diapo_grand','').split('_');
                mpage="diapo_img";
                mid_article=mClass[1];
                if (!mnum) { mnum=mClass[2];}
                $.get("spip.php",
                        {page : mpage, id_article : mid_article, num : mnum},
                        function(txt){
                               
                                // DEBUG SPIP 3 :  spip.php ne renvoie plus les commentaires html il n'est plus nécessaire de nettoyer "txt"
                                //debut=txt.indexOf("<!-- debut diapo_img"+mid_article+" -->");
                                   //fin=txt.lastIndexOf("<!-- fin diapo_img"+mid_article+" -->");
                                //txt=txt.substring(debut,fin);

                                $("#"+mDiapo+" .diapo").html(txt);
                                });
               
                // DEBUG SPIP 3 :  ajout du paramètre mnum
                setTimeout('diaposlide('+timeout+',mDiapo, mnum++)', timeout);
        }
}
$.fn.diapo_mode = function() {
   return this.click(function() {
           mDiapo=$(this).attr('rel');
                $("#"+mDiapo+" .diapo_icones a").removeClass("selected");
                mId=$(this).attr('class');
                $(this).addClass("selected");
                if ((mId=="diapo_ico")||(mId=="diapo_ico play")){
                        $("#"+mDiapo+" .diapo_pagination").hide();
                        $("#"+mDiapo+" .diapo_vignettes").attr("class","diapo_vignettes diapo_vignettes_invisible");
                        $("#"+mDiapo+" div.diapo").attr("class","diapo diapo_grand");
                        $("#"+mDiapo+" div.diapo img.diapo_petit").hide();
                        $("#"+mDiapo+" div.diapo img.diapo_grand").show();
                        diapo_on=!diapo_on;
                        center=true;
                        if (mId=="diapo_ico") $(this).attr("class","diapo_ico play").html('<:diapo:ico_diapo_play:>');
                        else $(this).attr("class","diapo_ico").html('<:diapo:ico_diapo_pause:>');

                        // DEBUG SPIP 3 :  ajout du paramètre mnum
                                mClass=$("#"+mDiapo+" .diapo .diapo_grand").show().attr('class').replace(' diapo_grand','').split('_');
                                mnum=mClass[2];

                        setTimeout('diaposlide(#DIAPO_TEMPS,mDiapo, mnum)', #DIAPO_TEMPS);
                }else if (mId=="diapo_icoleft"){
                        $("#"+mDiapo+" .diapo_pagination").show();
                        $("#"+mDiapo+" .diapo_vignettes").attr("class","diapo_vignettes diapo_vignettes_invisible");
                        $("#"+mDiapo+" div.diapo").attr("class","diapo diapo_petit");
                        $("#"+mDiapo+" div.diapo img.diapo_grand").hide();
                        $("#"+mDiapo+" div.diapo img.diapo_petit").show();
                        $("#"+mDiapo+" .diapo_vignettes").attr("class","diapo_vignettes diapo_vignettes_left");
                        $("#"+mDiapo+" .diapo_ico").html('<:diapo:ico_diapo_play:>');
                        diapo_on=false;
                        center=false;
                }else if (mId=="diapo_icoright"){
                        $("#"+mDiapo+" .diapo_pagination").show();
                        $("#"+mDiapo+" .diapo_vignettes").attr("class","diapo_vignettes diapo_vignettes_invisible");
                        $("#"+mDiapo+" div.diapo").attr("class","diapo diapo_petit");
                        $("#"+mDiapo+" div.diapo img.diapo_grand").hide();
                        $("#"+mDiapo+" div.diapo img.diapo_petit").show();
                        $("#"+mDiapo+" .diapo_vignettes").attr("class","diapo_vignettes diapo_vignettes_right");
                        $("#"+mDiapo+" .diapo_ico").html('<:diapo:ico_diapo_play:>');
                        diapo_on=false;
                        center=false;
                }else{
                        $("#"+mDiapo+" .diapo_pagination").show();
                        $("#"+mDiapo+" .diapo_vignettes").attr("class","diapo_vignettes");
                        $("#"+mDiapo+" div.diapo").attr("class",'diapo diapo_grand');
                        $("#"+mDiapo+" div.diapo img.diapo_petit").hide();
                        $("#"+mDiapo+" div.diapo img.diapo_grand").show();
                        $("#"+mDiapo+" .diapo_ico").html('<:diapo:ico_diapo_play:>');
                        diapo_on=false;
                        center=true;
                }
                return false;
   });
};
$.fn.diapo_pagination = function() {
   return this.click(function() {
           pagin="";
           mDiapo=$(this).attr('rel');
           mClass=$("#"+mDiapo+" div.diapo img.diapo_grand").attr('class').replace(" diapo_grand","").split('_');
                mPage="diapo";
                malign=$("#"+mDiapo+" .diapo_icones a.selected").attr('class').replace("diapo_ico","").replace(" selected","");
                mid_article=mClass[1];
                tab=$(this).attr('href').split('#');
           i=tab[0].lastIndexOf('debut')
           if (i>0)
                        pagin="?"+tab[0].substring(i,(tab[0].indexOf('=',i)))+"="+tab[0].substring((tab[0].indexOf('=',i)+1),tab[0].length);
           $.get("spip.php"+pagin,
                           {page : mPage, id_article : mid_article, align : malign},
                           function(txt){
                                                               
                                // DEBUG SPIP 3 :  ajout du paramètre mnum
                                   //debut=txt.indexOf("<!-- debut diapo"+mid_article+" -->");
                                   //fin=txt.lastIndexOf("<!-- fin diapo"+mid_article+" -->");
                                //txt=txt.substring(debut,fin);

                                   $("#diapo"+mid_article).html(txt);
                                   $(".diapo_icones").show();
                                        $("#diapo"+mid_article+" .diapo_menu a.lien_pagination").attr("rel","diapo"+mid_article);
                                   $("#diapo"+mid_article+" .diapo_icones a").diapo_mode();
                                        $("#diapo"+mid_article+" .diapo_menu a.lien_pagination").diapo_pagination();
                                        $("#diapo"+mid_article+" .diapo_vignette a").diapo_vignette();
                                        $("#diapo"+mid_article+" .diapo_icones .selected").click();
                           });
                return false;
   });
};
$.fn.diapo_vignette = function() {
   return this.click(function() {
   mClass=$(this).attr("class").split('_');
                mpage="diapo_img";
                mid_article=mClass[1];
                mnum=mClass[2]-1;
                malign=$("#diapo"+mid_article+" .diapo_icones a.selected").attr('class').replace("diapo_ico","").replace(" selected","");
                $.get("spip.php",
                                {page : mpage, id_article : mid_article, num : mnum, align : malign},
                                function(txt){
                               
                                        // DEBUG SPIP 3 :  ajout du paramètre mnum
                                        //debut=txt.indexOf("<!-- debut diapo_img"+mid_article+" -->");
                                           //fin=txt.lastIndexOf("<!-- fin diapo_img"+mid_article+" -->");
                                        //txt=txt.substring(debut,fin);

                                   $("#diapo"+mid_article+" .diapo").html(txt);
                                });
                return false;
   });
};
$.fn.diapo_center = function() {
        return this.css("display")=="none";
}
$(document).ready(function(){
        $(".diapo_icones").show();
        $(".diapo_icones a").diapo_mode();
        $(".diapo_menu a.lien_pagination").diapo_pagination();
        $(".diapo_vignette a").diapo_vignette();
        $(".diaporama").each(function(){
                rel=$(this).attr("id");
                $(this).find(".diapo_menu a.lien_pagination").attr("rel",rel);
        });
        $(".diapo_icones .selected").each(function(){
                if ($(this).attr('class')=='diapo_ico selected play') $(this).click();
        });


});

Diapo (+Mediabox)
Jean Christophe Villeneuve - le 29 novembre 2012

Génial et en plus ça fonctionne ! Merci !

Mais c’est plutôt sur spip-zone qu’il faudrait proposer ton patch, afin que l’auteur de ce plugin (que je trouve superbe) puisse apporter la correction.

Diapo (+Mediabox)
Sylvain_LD - le 4 mai 2012

Dans le fichier /diapo/modeles/diapo.html contenu dans le plugin Diapo que j’ai téléchargé depuis Spip-Contrib , je ne vois pas la ligne à remplacer !
Le plugin Diapo utilisé apparaît en version 0.1 quand on regarde dans la gestion des plugins de SPIP

Il y a plusieurs fichiers "diapo.html" dans ce plugin !!!

Quelle est la version de diapo à télécharger ?
Merci

Diapo (+Mediabox)
Jean Christophe Villeneuve - le 4 mai 2012

En effet, le plugin mis à disposition sur Spip-Contrib semble avoir quelques soucis. J’ai donc rajouté le zip de celui que j’utilise ici dans l’article

Diapo (+Thickbox)
André PILLON - le 22 septembre 2010

Bonjour,

J’utilise SPIP 2.1.0 j’ai téléchargé, installé dans mon dossier plugins et activé la version diapo_1_9zipff06.zip (décompressé bien sûr)

La méthode de fabrication est bien gd2

la case générer les miniatures est cochée (150pixels)

Je ne trouve pas le raccourci typographique !!!
Qui, si j’ai bien compris est situé dans la barre typo de l’article

Mon site http://paroissesenartnord-meaux.cef.fr/ existe depuis 2005
Je suis en train de le relooker en local avec escal
C’est à cette occasion que le diapo m’intéresse utilisant easy-php qui ne prend pas en charge les vignettes gd2, j’ai fais l’essai sur le site actif

Ie pense que le plugin est- compatible avec SPIP 2.1.0
J’ai peut-être tout faux ?

Peux-tu me dire ce qu’il en est ?

Par contre ton plugin Escal fonctionne bien et mon vieux site ringard va trouver une autre jeunesse.

Un grand merci d’avance

André (un petit jeune de 82ans)

Diapo (+Thickbox)
Jean Christophe Villeneuve - le 23 septembre 2010

D’après cet article, il semblerait que ce plugin ne fonctionne pas avec spip 2.1, en tout cas cette version n’est pas indiquée en haut.

De plus, ce plugin ne te pose aucun icone dans la barre d’édtion d’article, ça te permet juste d’utiliser un raccourci dans le texte de l’article pour afficher tes images.

Diapo (+Thickbox)
Patrick - le 13 décembre 2010

Bonjour,
Dans inc-documents.html de mon squelette, je viens de placer ce code [(#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

Diapo et Spip v2.2
Patrick - le 3 mars 2012

Bonjour,
Je confirme, le plugin diapo est opérationnel avec le changement proposé, visible ICI dans un onglet.
J’utilisais ce plugin depuis longtemps mais avais été obligé de le laisser de côté après les mises à jour de Spip.
Non testé en Spip3 pour le moment.
Déclenche la médiabox.
Merci Jean Christophe

Diapo (+Thickbox)
Ysabeau - le 16 février 2011

Le problème c’est que ces plugin semblent ne pas fonctionner avec la dernière version de Spip. Et mon problème c’est que les images que j’avais mis dans le portfolio, au lieu de s’ouvrir sur la même page s’ouvrent dans une autre page.

Je me demande quoi faire, quel plugin serait compatible.

L’autre gros gros souci concerne l’intégration des images dans le texte, que ce soit à gauche ou à droite, quelle que soit leur taille et la navigateur, soit le texte va sur l’image posée à gauche, soit l’image de droite mange sur la colonne de droite. J’ai commencé à chercher une solution mais je n’en vois guère, jouer sur les padding et les margin des images n’a pas l’air de faire quoi que soit pour améliorer.

PS : au cas où, un aperçu des "dégâts" concernant la gestion du portfolio ici, à l’origine ça s’ouvrait en dessous du paquet de vignettes dont je dois d’ailleurs diminuer la taille :

http://www.aiguilles-magiques.com/?Cahier-de-couture

Et concernant les débordements :
http://www.aiguilles-magiques.com/?Un-presentoir-mural-a-trucs

Diapo (+Thickbox)
Ysabeau - le 16 février 2011

J’ajoute que, selon le navigateur, pour le portfolio, on voit soit une icône de document (Firefox), soit des vignettes (Opera et IE).

Diapo (+Thickbox)
Jean Christophe Villeneuve - le 16 février 2011

1- D’abord, moi, sous Firefox, je vois bien des vignettes et non pas des icones ...

2- en effet Diapo ne fonctionne plus avec les dernières versions de spip mais il y a d’autres galeries sur Spip-Contrib

Sinon, sans plugin spécial, ce comportement est normal.

3- Pour le débordement d’image, il y a en effet un souci, je regarde ça de près et je te dis.

Diapo (+Thickbox)
Jean Christophe Villeneuve - le 16 février 2011

Le bug est corrigé

C’est dispo dans Escal d’ici une heure et si tu es pressée, voici la correction

.spip_documents_left {
        float: left;
        margin: 2px 30px 2px auto;
}
.spip_documents_right {
        float: right;
        margin: 10px 20px 10px 15px;
}

Et hop !

Diapo (+Thickbox)
Ysabeau - le 16 février 2011

Merci je vois ça à tête reposée demain.
Et je corrige le tout.

Ce squelette est vraiment super, ça rend plutôt exigeant du coup.

Pour la galerie je vais tester Fancy Box.

Diapo (+Thickbox)
Ysabeau - le 17 février 2011

Merci beaucoup. J’ai changé les valeurs car ça ne passait pas avec mon Firefox 3.6 (pc sous vista) :

.spip_documents_left
float : left ;
margin : 2px 35px 2px auto ;

.spip_documents_right
float : right ;
margin : 10px 30px 10px 5px ;

Là c’est impeccable.

Diapo (+Thickbox)
Jp CLET - le 24 janvier 2010

bonjour,

j’ai juste une petite question, lors de l’utilisation de Thickbox 2 via le squelette escal, quelque soit le naviagateur, quand je clique sur une image, je vois bien qu’il télécharge l’image pour l’afficher, mais en fait il m’affiche je pense la valeur en hexa ou je ne sais quoi de l’image à la suite de ma page html. J’ai mis à jour thickbox mais ca ne change rien, auriez vous par hasard une idée sur le problème ou au moins une direction a me donner pour que je résolve ce problème ?

merci par avance.

Diapo (+Thickbox)
Jean Christophe Villeneuve - le 25 janvier 2010

Quelques questions :

- dans l’espace privé -> configuration -> fonctions avancées, la méthode de fabrication est bien gd2 ?

- au même endroit, "Générer automatiquement les miniatures des images" est-il coché ?

- les images insérées dans les articles ont-elles un titre ?

Diapo (+Thickbox)
Jp CLET - le 25 janvier 2010

- la méthode de fabrication est bien gd2
- la case générer les miniatures est coché (150px)
- je n’avais pas de titre pour mes images, j’en ai rajouté pour ca n’a rien changé.

j’ai installé la version la plus récente de Escal et de thickbox et ca ne marche pas. qu’est ce que je pourrais bien essayer d’autre...

Diapo (+Thickbox)
Jean Christophe Villeneuve - le 26 janvier 2010

Et en local, ça fonctionne ou pas ?

Je pose la question car je soupçonne un problème avec l’hébergeur free, mais sans aucune certitude...

Diapo (+Thickbox)
Jp CLET - le 26 janvier 2010

j’ai pas encore essayé en local, je vous tiendrais au courant quand j’aurais fait les test en local.

Diapo (+Thickbox)
Jean Christophe Villeneuve - le 27 janvier 2010

Tiens donc !? Personnellement, je fais d’abord mes essais en local et je mets en ligne ensuite, quand tout va bien ;-)

Mots-clés associés



Plan du site Contact Mentions légales Espace rédacteurs squelette

RSS Valid XHTML 1.0 Strict

2009-2017 © Escal V3 - Tous droits réservés
Site réalisé sous SPIP
avec le squelette ESCAL-V3
Version : 3.87.48