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: