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

Image de fond sur la noisette edito
Bonsoir, Voilà l’URL : club-interloisirs-conflans.org Je n’ai pas trouvé ou je n’ai pas compris ce (...)

espace privé planté suite à mise à jour des plugins
hmmm t’aurais pas un plugin genre "Adaptive Images" ou "Image responsive " ? Essaye de le (...)

espace privé planté suite à mise à jour des plugins
Je viens de vérifier sur plusieurs articles et effectivement, j’ai l’impression que toutes les (...)

espace privé planté suite à mise à jour des plugins
Le site ayant été rétabli, j’ai pu voir, sur un article, que les images ont été détachées de cet (...)

espace privé planté suite à mise à jour des plugins
Bonsoir, la suppression des 2 fichiers ayant cache dans leurs noms n’ayant pas suffit, j’ai (...)

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