title: Colorbox: pop-up image with link to external site on click
body: <p>I hope someone can help me. I have colorbox working on a new client site, but I'm having troubles figuring out how to add code that will allow for the image that pops up to be clicked and then linked to an external site in a new tab.</p>
  
  <p>This is what I have so far:</p>
  
  <pre><code>$(document).ready(function(){
  $("a[rel='pop']").colorbox({transition:"fade", speed: 250});
  </code></pre>
  
  <p>});</p>
  
  <pre><code>&lt;a href="../images/about.babyknitskit.png" rel="pop" title="&lt;a href='http://www.chroniclebooks.com/site/catalog/index.php?main_page=pubs_product_book_info&amp;products_id=6499&amp;store=books'&gt;Get it at Chronicle Books&lt;/a&gt;"&gt;&lt;span class="h2"&gt;Baby Knits Kit&lt;/span&gt; (2007)&lt;br&gt;Chronicle Books&lt;br&gt;&lt;/a&gt;
  </code></pre>
  
  <p>In the above, when Baby Knits Kit is clicked a pop-up opens fine with the image I created (about.babyknitskit.png). On top of the pop-up there's "Get it at Chronicle Books" and when I click it will take me to that site (in the same tab which I don't want). Instead, I would like the about.babyknitskit.png image to be clickable and opening up the link in a new window.</p>
  
  <p>Any thoughts much appreciated. I hope I've given you guys enough information as I'm new to all of this and stackoverflow.</p>