Bonjour à tous,

Voilà je poste car je m'énerve sur quelque chose que je n'arrive pas à faire marcher... J'utilise 2 modules javascript : carousel et fancybox.

La fancybox marche bien toute seule, le carousel aussi. Seulement j'aimerais que les images du carousel, au clique, s'ouvre dans la fancybox. Pour cela, je demande à la fancybox de s'éxécuter lorsque l'on clique sur un élément ayant la class "galerie", avec ce code :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
 
$(document).ready(function() {
 
	$("a.galerie").fancybox({
 
                  // PARAMETRES
 
	});
});
Je me suis dit donc que ça allait marcher en rajoutant ces options lors de la créations des images dans le carousel :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
 
var innerHTML =  '<a class="galerie" href="' + url + '"><img id="dhtml-carousel-img-' + index + '" src="' + imgUrl +'" width="' +75 +'"/>'+ '<\/a>';
Seulement ça ne marche pas...

Les images et les liens (défini dans un tableau javascript ailleurs dans le code) sont bons, mais au clique sur l'image, pas de fancybox, juste le navigateur qui ouvre l'image.

Si j'affiche la source avec mon navigateur, le <ul></ul> correspondant à la liste des images dans carousel n'est pas rempli par les <li></li> des images.
Firebug cependant me montre bien qu'il est rempli avec les <li><a class="galerie"....><img src="" /></a></li>

Je ne connais pas grand chose au javascript, donc je ne sais pas d'où ça vient. Je me doute bien que la fancybox ne trouve pas de class "galerie" dans la page, puisqu'elle ne se lance pas, mais alors comment faire pour qu'elle trouve ces <a> avec la classe galerie, générés par le script du carousel ?

Je suis un peu perdu et un peu d'aide me serait utile.

Merci d'avance