Open existing Colorbox gallery with a link

Subscribing

Here is a solution for views:

Add a link to the header:

<a href="#" id="show-gallery">view gallery</a>

Make a JQuery function like this:

(function ($) {
  Drupal.behaviors.OpenColorbox = {
    attach: function(context, settings){
      $('#show-gallery', context).click(function () {
        $('.colorbox').colorbox({open:true});
      })      
    }
  }
}(jQuery));

If you want to a link for each item you can make a contextual filter on the image, add the file uri to the display and rewrite it for colorbox:

<a class="colorbox colorbox-inline" rel="gallery-all" href="[uri]">View gallery </a>

Ok I'm a bit of a noob when it comes to colorbox and Drupal coding - what header do you add that first code line to? In the html of the page with the gallery or the page that you want to link the gallery from?

I would love to link THIS gallery from THIS page's photos and a direct link at the bottom.

Thanks in advance!!

-Jess

I'm changing the status here because the solution explanation is incomplete.

@mmncs: I fully understand where and how to implement the Views header code, however, can you please explain where and how the jQuery function is to be implemented?

Thank you for your time.

Here is an explanation: http://drupal.org/node/171213

Does your view has 'field Content: Image (field_image_cache)' and header <a href="#" id="show-gallery">view gallery</a> in the same view ?

When you click on 'view gallery', it adds js to open image in the colorbox.
but where is your gallery?

i set up my view with 'field Content: Image (field_image_cache)' exclude from display and add header.
Then i call the view in node template, but when i click on the text link, nothing happens.

<?php
$view = views_get_view('view-name');
print $view->execute_display('default');
?>

can you share screenshot of your view, or explain little bit further? thank you.

Hello,

the is a solution on #2 witch works great! Thanks for that! But what changes have I to make in the jquery-code if the content have two imagefields an I want want to user only one for the colorbox?

Best regards
Frank

EDIT: Another question: Is it possible to let it work with an image field that is excluded from the display ?

#2 solution definitely pointed me in the right direction. Also, if anyone is interested in additional functionality, you can view the source of Colorbox Example 5 and check out the jQuery examples.

My need went beyond starting the colorbox slideshow on the same view, I needed to start the colorbox slideshow that was on another view. However, I resorted to hyperlinks that pointed to the images and hid them (the links) within a div. Basically a replica of http://www.jacklmoore.com/colorbox/example5/

Hi,
I have created a view link in custom text to display the colorbox gallery if the link is clicked .But i dont know how to pass the image field as url .please share your thoughts.
Thanks,
keerthi.