Colorbox et carrousel

[leonin]

Bonjour !

Je ne sais pas si c'est le bon endroit pour poser mon problème ... Mais je tente quand même car je n'ai pas trouvé de solution malgré être passé sur de nombreux sites et forums.

J'ai installé sur mon site la lightbox colorbox que je trouve parfaite pour ce que je lui demande. Sauf que dans un cas précis elle ne fonctionne pas parfaitement comme je le voudrais.

J'ai sur cette page un carrousel de photos développé il y a pas mal de temps mais qui convient parfaitement à ce que je lui demande. Les photos défilent dans celui-ci et lorsqu'on clique sur l'une d'elle la colorbox se déclenche et s'ouvre tout à fait normalement. Par contre, il n'y a pas dans la colorbox les boutons permettant de passer à la photo suivante ou précédente, malgré qu'il y en ai plusieurs dans le caroussel.

Je vous envoie ici les bouts de code qui correspondent et qui vous aideront peut-être.

Le code pour appeler la colorbox

Code :

1
2
3
4
5
6
7
8
$(document).ready(function(){
        $("a[rel='open_ajax']").live('click', function() {
            $.colorbox({
                href:$(this).attr('href')
            });
            return false;
        });
    });

Partie du code qui permet d'afficher les photos (je n'ai pas mis tout le code qui est un peu fastidieux) :

Code :

1
2
3
4
5
6
//Specify the slider's images
var leftrightslide=new Array()
var finalslide=''
 
leftrightslide[0]='<a href="images_galerie/09.jpg" rel="open_ajax"><img src="icones_galerie/09.jpg" border="0" width="229" height="150"></a>'
leftrightslide[1]='<a href="images_galerie/moi.JPG" rel="open_ajax"><img src="icones_galerie/moi.JPG" border="0" width="229" height="150"></a>''

Avez-vous une idée pour résoudre mon problème ?

Merci d'avance à tout le monde !