Discussion :

[DiPSoMaNiE]

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

[SpaceFrog]

en fait si je me souviens bien il me semble que le carrousel créé des elements qu'il positonne en absolute dans la page donc pas faciles à caser dans un conteneur.

[DiPSoMaNiE]

en fait si je me souviens bien il me semble que le carrousel créé des elements qu'il positonne en absolute dans la page donc pas faciles à caser dans un conteneur.

Heu... si, puisque le carousel s'affiche bien, il marche...

Il place bien les <li> dans le <ul> du carousel.

Voilà comment se présente le code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
<div class="carousel-clip-region">
      <ul class="carousel-list" onmouseover="stopAutoPlay()" onmouseout="startAutoPlay()"></ul>
</div>

Donc ce qui se passe c'est que carousel récupère les images et leur lien dans un tableau, les inject dans cette <ul> avec des <li></li> en face.

Seulement, en affichant le code source de la page où ça se fait, on ne voit rien dans le <ul></ul> du carousel. Il n'écrit pas tout ça dans la source, mais je sais pas trop comment ça marche javascript en tout cas ça s'affiche.

Le problème c'est de faire comprendre à la fancybox de s'ouvrir lorsque l'on clique sur le lien de l'image...

[masseur]

Personne n'a résolu ce problème?

J'ai le même soucis.

Si je clique sur les images qui sont affichés dans mon caroussel, la box s'ouvre, par contre dès que je fais défiler le carousel, au clic sur le nouveau élément apparu, la box ne s'ouvre plus et l'image s'affiche seul dans une page vide.

Peux être à cause du $(document).ready(function() qui fait que les images qui sont cachées au départ ne peuvent pas être prise en compte?

Faudrait que dès que l'on fait défiler le carousel, on fasse une fonction permettant a chaque fois de prendre en compte les nouveaux éléments apparus?

Merci

[pit-it]

Je n'ai pas de réponse mais j'ai le même genre de problème avec fancybox et simplyscrol.

Le scrol fonctionne bien, fancybox fonctionne bien dans une autre page. Je veux que fancybox fonctionne lorsque je clique sur un lien généré par lui-même par jquery et ça ne fonctionne pas. (Comme si il y avait un "double appel" de jQuery qui ne serait pas pris en compte).

[Appollyon666]

Bonjour,

Avez vous trouvé une solution car j'ai le même soucis avec galleryview et fancybox.

Merci