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

Onglets et Galleria
J’ai essayé de les enlever des onglets en mettant mes 3 galeries en bas de page mais le message (…)

Onglests et Galleria
Bonjour, J’ai problème : si je mets plusieurs galeries photos, à partir du second onglet, il (…)

Copyright
Bonjour, C’est paroisse-benet.fr Dans le pied de notre page d’accueil le copyright est libellé (…)

"créer un événement"
Voilà ! je me doutais que ça ne devait pas être très compliqué, mais quand ça bloque ça bloque ! (…)

créer un événement
Hello Il faut que tu ailles dans "Modifier la rubrique" et que tu actives le mode agenda.

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