title: Galleria + Colorbox working in IE, not in others
body: <p>I thought I had this worked out, but unfortunately it does not work in FF or Chrome.  I have a list of images that I would like displayed as a slideshow with carousel on my page.  When the user clicks on the larger image I would like it to open a full size image in a lightbox.  Here is the code that works in IE:</p>
  
  <pre><code>&lt;script src="Scripts/jquery-1.4.2.min.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="Scripts/galleria.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="Scripts/galleria.classic.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="Scripts/jquery.colorbox-min.js" type="text/javascript"&gt;&lt;/script&gt;
  
  
  &lt;script type="text/javascript"&gt;
  $(document).ready(function() {
      $('a[rel=test]').colorbox();
  
      $('#exteriorSlideShow_gallery').galleria({
          max_scale_ratio: 1,
          image_crop: false,
          height: 210,
          transition: 'fade',
          extend: function() {
              this.bind(Galleria.LOADFINISH, function(e) {
                  $(e.imageTarget).click(this.proxy(function(e) {
                      e.preventDefault();
                      $('a[rel=test]').eq(this.active).click();
                  }));
              });
          }
      });
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>In the above, "this.active" represents the index of the image in which the carousel is currently on.  Since it is in the same order the links below are displayed in, it corresponds to the correct link I would like to have clicked.</p>
  
  <pre><code>&lt;div id="exteriorSlideShow_gallery"&gt;
      &lt;a href="/Images/ORIG1.gif" rel="test"&gt;&lt;img src='/Images/THUMB1.gif' /&gt;&lt;/a&gt;
      &lt;a href="/Images/ORIG2.gif" rel="test"&gt;&lt;img src='/Images/THUMB2.gif' /&gt;&lt;/a&gt;
      &lt;a href="/Images/ORIG3.gif" rel="test"&gt;&lt;img src='/Images/THUMB3.gif' /&gt;&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Anyone know why this wouldn't work in anything but IE?</p>
  
  <p><em>EDIT</em>
  For the time being I have put in a work around.  If the browser is IE I call the code as above else I use $.colorbox({ 'href': urloflargeimage }).  This doesn't allow grouping of the images for anything but IE, but at least I have a lightbox up.</p>