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!