plugin Colorbox, ajout de plusieurs colorbox en ajax [Débutant(e)]

[Mropop]

Bonjour,

Avant de commencer, je voulais dire que ce forum m'a toujours beaucoup aidé en tant que "googliseur" de probleme, et je vous en remerci

J'ai d'habitude toujours trouvé des réponses mais cette fois ci, c'est différent je n'ai rien trouvé qui correspond à mon probleme

En fait je vous explique, j'ai une page qui se remplit en ajax, en gros j'ai fais la structure de la page en html dans mon page.php
et aprés dans le onload en javacsript je fais une requete qui va chercher des images et je les crées avec colorbox

Code :

1
2
3
4
5
6
7
8
9
10
11
 
...
content += "<a href='monimage1.1' rel='groupe1'>photo1.1</a>";
content += "<a href='monimage1.2' rel='groupe1'>photo1.2</a>";
content += "<a href='monimage2.1' rel='groupe2'>photo2.1</a>";
content += "<a href='monimage2.2' rel='groupe2'>photo2.2</a>";
...
innerHtml += content;
 
$("a[rel='groupe1']").colorbox({photo:true, maxWidth:800, maxHeight:600});
$("a[rel='groupe2']").colorbox({photo:true, maxWidth:800, maxHeight:600});

La pas de probleme les images sont bien ouvrable avec colorbox, en mode galerie comme il faut.

Par contre aprés si l'utilisateur clique sur "plus de photos" ce lien fait la meme chose que la partie d'avant, mais il met a la suite les nouvelles photos. Ben la plus aucune galerie ne veut s'ouvrir, meme celle qui d'avant... pourtant dans le html les images sont bien entouré du lien colorbox
L'erreur de javascript qui ressort à chaque fois que je click sur un lien est

Code :

1
2
3
 
$.data(this, colorbox) is undefined
[Break on this error] var relRelated = $.data(this, colorbox).rel || this.rel;

Je ne sais pas du tout comment faire,
Si jamais vous avez besoin de plus d'infos demandez moi
Si quelqu'un peut me donner un petit coup de main

En tout cas merci

[danielhagnoul]

Bonjour

Je ne connais pas Colorbox, mais lors du second chargement des photos, par l'intermédiaire d'une transaction AJAX, il faut sans doute réactiver colorbox pour qu'il prenne en compte les nouvelles photos.

[Mropop]

Merci de ta réponse
Oui je rajoute bien les photos avec le code

Code :

1
2
3
 
$("a[rel='groupe1']").colorbox({photo:true, maxWidth:800, maxHeight:600});
$("a[rel='groupe2']").colorbox({photo:true, maxWidth:800, maxHeight:600});

Mais puisque c'est de l'ajax pourquoi je réinitialiserai encore colorbox? puisque je en fais qu'ajouter des infos à colorbox.
Ça me parait bizarre...