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

test lien 3
un texte et un lien https://escaliens.spipfactory.fr/

test 2 avec lien
un texte et un lien https://escaliens.spipfactory.fr

Test
ceci est un test

Accès restreint
Merci Jean-Christophe, Ce n’était pas sur ce site que je travaillais hier mais sur celui de (…)

Accès restreint
Parfait ! Pense quand même à corriger l’URL de ton site ...

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

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