Passage de variables dynamiques à une fonction en javascript

Version imprimable

Bonjour,

Je suis vraiment embêter! Voici ma problématique.

Code original :
Code:

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:

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!

03/07/2015, 01h00
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:

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

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

Code:

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...
				} );
		} );

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

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

Code:

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:

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 :D

03/07/2015, 03h02
ianpelletier

Résolu!

Ça fonctionne!!! Merci!!! :) Première expérience concluante! :ptdr: