Discussion :

[ianpelletier]

Bonjour,

Je suis vraiment emb�ter! Voici ma probl�matique.

Code original :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
 
$( '#gallery' ).click( function( e ) {
	e.preventDefault();
	$.swipebox( [{ href : 'img/gallery/IND/pic_1.jpg', title : + (iIND++) + ' de ' + nbrIND },
		{ href : 'img/gallery/IND/pic_2.jpg', title : + (iIND++) + ' de ' + nbrIND },
		{ href : 'img/gallery/IND/pic_3.jpg', title : + (iIND++) + ' de ' + nbrIND },
		{ href : 'img/gallery/IND/pic_4.jpg', title : + (iIND++) + ' de ' + nbrIND },
		{ href : 'img/gallery/IND/pic_5.jpg', title : + (iIND++) + ' de ' + nbrIND }],
		{
			...autres paramètres...
		} );
} );

Je veux g�n�rer dynamiquement le contenu ayant un nombre de photos variable dans mes r�pertoire. Mais �a ne fonctionne pas. On dirait qu'il ne reconna�t pas le contenu de la variable. J'esp�re bien m'exprimer! Le probl�me est qu'il ne semble pas reconna�tre le contenu de ma variable en rouge ci-dessous.

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
$( '#gallery' ).click( function( e ) {
			var nbr = 5;
			var param = "";
			for(var i=1;i<nbr;i++) 
			{ 
				if (i == 1)
					param=param+"{ href : 'img/gallery/IND/pic_"+iIND+".jpg', title :  '"+ iIND +" de " + nbrIND + "'}"; 
				else
					param=param+",{ href : 'img/gallery/IND/pic_"+iIND+".jpg', title :  '"+ iIND +" de " + nbrIND + "'}";
			}  

			e.preventDefault();
			$.swipebox( [param],
				{
					...autres param�tres...
				} );
		} );

En esp�rant que vous pourrez m'aider pour ma premi�re question sur ce forum!!!
Au plaisir!

[SylvainPV]

Bonjour ou plut�t bonsoir de France et bienvenue sur developpez,

Tu d�clares et utilises la variable param comme s'il s'agissait d'une String (cha�ne de caract�res), or ce n'est pas le cas. Il s'agit d'une Array (liste d'objets). Voil� ce que �a donne avec une Array :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
var nbr = 5;
var param = [];
for(var i=1;i<nbr;i++) 
{ 
	param.push({ 
                href : "img/gallery/IND/pic_"+iIND+".jpg", 
                title :  iIND +" de " + nbrIND
       }); 
}

et plus loin passer directement l'Array � la fonction $.swipebox: $.swipebox(param, ...)La doc sur les Arrays: https://developer.mozilla.org/fr/doc..._globaux/Array

[01001111]

swipebox ne re�oit pas en tant normal une chaine mais un tableau constitu� d'objets.
Essaie par exemple:

Code javascript :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
$( '#gallery' ).click( function( e ) {
			var nbr = 5;
			var param = [];
			for(var i=1;i<nbr;i++) 
			{ 
				if (i == 1)
					param.push({ href : 'img/gallery/IND/pic_"+iIND+".jpg', title :  '"+ iIND +" de " + nbrIND + "'}); 
				else
					param.push({ href : 'img/gallery/IND/pic_"+iIND+".jpg', title :  '"+ iIND +" de " + nbrIND + "'});
			}  
 
			e.preventDefault();
			$.swipebox( [param],
				{
					...autres paramètres...
				} );
		} );

[danielhagnoul]

S'il s'agit de ce plugin : http://brutaldesign.github.io/swipebox/

Il attend un array d'objets anonymes pas des strings !

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
//You can set your gallery dynamically by passing an array object to the swipebox.
 
$( '#gallery' ).click( function( e ) {
	e.preventDefault();
	$.swipebox( [
		{ href:'big/image1.jpg', title:'My Caption' }, 
		{ href:'big/image2.jpg', title:'My Second Caption' }
	] );
} );

donc :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
var nbr = 5,
    tab = [];
 
for ( var i = 1; i < nbr; i++ ){ 
    if ( i == 1 )
        tab.push( { "href" : "img/gallery/IND/pic_" + iIND + ".jpg", "title" : iIND + " de " + nbrIND } ); 
    else
        tab.push( { "href" : "img/gallery/IND/pic_" + iIND + ".jpg", "title" : iIND + " de " + nbrIND } );
}  
 
$.swipebox( tab );

EDIT : r�ponse tardive, j'ai tra�n� en route

[ianpelletier]

�a fonctionne!!! Merci!!! Premi�re exp�rience concluante!