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.

Forum de l’article

Diapo (+Mediabox)

Qui êtes-vous ?
Votre message

Pour créer des paragraphes, laissez simplement des lignes vides.
Attention ! Si votre message contient un lien, il devra être validé par le webmestre.

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

Modifier un texte
Ok c’était bien ça, cool. A l’avenir, utilises plutôt un éditeur de code plutôt que LibreOffice, (...)

Modifier un texte - suite et fin -
Super, c’est réparé Les apostrophes inclinés venaient de LibreOffice ! Encore (...)

Modifier un texte
Hello Je pencherais pour les apostrophes qui sont incurvées au lieu d’être droites car je ne vois (...)

Modifier un texte
Le fichier ci-dessous déposé dans le répertoire lang ne passe pas. "Parse error : syntax error, (...)

images dans un article
Bonjour Jean Christophe, non, je n’ai pas accès à ce fichier ; le répertoire /config ne m’est pas (...)

Plan du site Contact Mentions légales Données personnelles et cookies Espace privé squelette RSS

2009-2024 © Escal - Tous droits réservés
Haut de page
Réalisé sous SPIP
Habillage ESCAL 4.6.2