Use title in fancybox to open up another link in a separate window
<p>All,
I've got the following code to display a group of instagram photos and then I open them on my site with fancybox:</p>

<pre><code>$output .= '&lt;script type="text/javascript"&gt;
jQuery(document).ready(function($) {
    $(".fancybox").fancybox();
});
&lt;/script&gt;';

$output .= '&lt;div id="bd-instagram"&gt;';

for($i=0; $i&lt;$count; $i++){
    $output .= '&lt;div class="bd-instagram-item"&gt;
    &lt;a rel="instagram-widget" class="fancybox" title="This is a title" href="'.$images[$i]['image_large'].'"&gt;
    &lt;img src="'.$images[$i]['image_small'].'" alt=""&gt;&lt;/a&gt;
    &lt;/div&gt;';
}
</code></pre>

<p>The fancybox opens up and displays the title "This is a title" underneath the image. However I'd actually like to make this a link so that when someone clicks on the title it opens up a link. I was trying to do something like this:</p>

<pre><code>&lt;a rel="instagram-widget" class="fancybox" title="&lt;a href="http://www.instagram.com"&gt;Testing&lt;/a&gt;" href="'.$images[$i]['image_large'].'"&gt;
</code></pre>

<p>That doesn't work though and produces some odd HTML on my page. Does anyone have any idea on how to do something like that this?</p>
