title: Different values for title and tool-tip text for anchor tag
body: <p>I'm using <a href="http://jacklmoore.com/colorbox/" rel="nofollow">Colorbox</a> in my WordPress plugin to create a gallery of Flickr photos. This is how a typical HTML code looks like -</p>
  
  <pre><code>&lt;a href='link/to/large/photo/on/flickr.jpg' title='Caption for the photo on Colorbox'&gt;
      &lt;img src='link/to/small/photo/on/flickr.jpg'&gt;
  &lt;/a&gt;
  </code></pre>
  
  <p>Colorbox uses the <code>title</code> value from anchor tag to render caption of the image in colorbox view.</p>
  
  <p>Now I want to include a link to the photo's Flickr page in the caption of the image. That works perfectly fine with the link getting displayed properly but it creates a problem with tool-tip text for the photo as it shows HTML code.</p>
  
  <p>So the question is, how do I have different values for title and tool-tip text for the anchor tag.</p>
  
  <p>So far I've tried to use onmouseover/onmouseout/onmousedown to change the title attribute and set it back. But this doesn't work for me as multiple images are grouped in one Colorbox and all these events don't fire for all the images.</p>
  
  <p>I hope I have made my question clear.</p>
  
  <p>UPDATE: Solution to this problem is to make Colorbox use <code>alt</code> attribute of <code>img</code> tag instead of <code>title</code> attribute of <code>anchor</code> tag.</p>
  
  <pre><code>jQuery("a[rel^='example4']").colorbox({
      title: function(){ return jQuery(this).find('img').attr('alt');}
      });
  });
  </code></pre>