title: open Colorbox from text link
body: <p>[EDITED QUESTION]</p>
  
  <p>I am using an image preview tooltip, which is making use of the rel attribute, so for the colorbox i am using the class="slideshow" to group the images together.  I have this working fine, but i'd like to be able to open the slideshow from a text link, seen below.</p>
  
  <p>(rel="medium.jpg" is the image used for the image preview)</p>
  
  <pre><code>&lt;div id='gallery'&gt;
        &lt;a  href='large.jpg' class="slideshow" rel='medium.jpg'&gt;&lt;img src='small.jpg'/&gt;&lt;/a&gt;
        &lt;a  href='large2.jpg' class="slideshow" rel='medium2.jpg'&gt;&lt;img src='small.2jpg'/&gt;&lt;/a&gt;
      &lt;/div&gt;
  
  &lt;!--text link--&gt;
  &lt;a href="#" class="openSlideshow"&gt;open slideshow&lt;/a&gt;
  </code></pre>
  
  <p>Below is the standard code to trigger the colorbox, how can i modify this to open the slideshow?</p>
  
  <pre><code>&lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="../colorbox/jquery.colorbox.js"&gt;&lt;/script&gt;
  &lt;script&gt;
              $(document).ready(function(){
                  $("a.openSlideshow").colorbox({slideshow:true});
              });
  &lt;/script&gt;
  </code></pre>
  
  <p>Thanks in advance.</p>