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.

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

Spip et changement d’url
Bonjour, Je ne compte pas réinstaller un nouveau spip. Juste diriger le nom de domaine vers le (…)

bug sur forum
C’est vrai qu’il contient des semblants de liens. Désolé pour la fausse alerte !

changement d’URL
Hello Si tu réinstalles un nouveau spip et que tu importes ta BDD, tu n’auras plus qu’à (…)

bug sur forum
Hello Non, pas de bug mais comme ton message contient des liens,il faut que je le valide. Ce (…)

bug sur forum
Il y a un bug sur ce forum. J’ai essayé 3 fois de publier sur "une question technique", sans (…)

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 5.1.3