jQuery / Colorbox - create a separate link to open the colorbox?

Question

I\'m trying to open a jQuery Colorbox from a link outside the rest of the colorbox images. So, all of the examples look like this:

Answer 1

Here's a similar thing that worked for my project.

HTML

//I "display:none" the images gallery to hide them...

 Grouped Photo 1
 Grouped Photo 2
 Grouped Photo 3


//...then when I click on this JPG image the group of images (above) appear in a colorbox

Here's the JQUERY

$(document).ready(function(){

     //when i "click" on the image with a class of "circle1" it opens the "example1" group
     $('.circle1').click(function() {
        $("a[rel='example1']").colorbox({open:true});
     });

});