Click here to Skip to main content
13,041,923 members (83,272 online)
Rate this:
Please Sign up or sign in to vote.
See more:
All, I've got the following code to display a group of instagram photos and then I open them on my site with fancybox:

$output .= '<script type="text/javascript">
jQuery(document).ready(function($) {
$output .= '<div id="bd-instagram">';
for($i=0; $i<$count; $i++){
    $output .= '<div class="bd-instagram-item">
    <a rel="instagram-widget" class="fancybox" title="This is a title" href="'.$images[$i]['image_large'].'">
    <img src="'.$images[$i]['image_small'].'" alt=""></a>

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:

<a rel="instagram-widget" class="fancybox" title="<a href="">Testing</a>" href="'.$images[$i]['image_large'].'">

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?
Posted 27-Feb-13 16:43pm

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

  Print Answers RSS
Top Experts
Last 24hrsThis month

Advertise | Privacy | Mobile
Web01 | 2.8.170713.1 | Last Updated 27 Feb 2013
Copyright © CodeProject, 1999-2017
All Rights Reserved. Terms of Service
Layout: fixed | fluid

CodeProject, 503-250 Ferrand Drive Toronto Ontario, M3C 3G8 Canada +1 416-849-8900 x 100