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 0 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

Slogan du site
Super pour dépanner quand on pas d’URL de visibilité. sinon un petit "ctrl+f5" pour le cache ou (...)

modif du texte de bandeau
Merci pour votre réponse, Caché vidé et désactivé,et j’ai fait le test en fenettre privé de firefox (...)

modif du texte de bandeau
Bonjour, Souvent, il faut vider le cache du site et vider le cache du navigateur pour que les (...)

Slogan du site
Bonjour, Je suis allé dans Escal, généralités, bandeau, dans Choix de l’option pour l’image du (...)

Affichages des articles de rubrique
Oui, j’avais lu pas asser précisement, ça fonctionne merci

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