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... et de qui veut.

Utilisé à ce jour dans 443 sites
Forum de l’article

Diapo (+Mediabox)

Qui êtes-vous ?
Votre message

Pour créer des paragraphes, laissez simplement des lignes vides.

Ajouter un document

Rappel de la discussion
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.

Derniers commentaires

0 | 5 | 10

mails avec gmx
Pour être plus précis, c’est en voulant m’inscrire à un mooc où je n’ai jamais réussi à m’inscrire (...)

Problème adresse mail GMX
rien a dire sauf que : https://www.arobase.org/gmx/gmx.htm j’adore : https://postmaster.gmx.net/fr/f

Problème adresse mail GMX
J’ouvre un nouveau fil à ce sujet A Yves « Il semblerait qu’il y ait un problème avec ton (...)

chez moi tu sera bien... c’est chauffé ?
On en a déjà causé, c’est impossible. C’est vrai que j’ai de temps en temps mal aux dents, mais c’est (...)

chez moi tu sera bien
Hey et pourquoi ne pas venir chez nous ;) de plus un webmestre de plus ça serais top pour aider (...)

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

2009-2019 © Escal V4 - Tous droits réservés
Haut de page
Réalisé sous SPIP
Habillage ESCAL 4.3.17