Click here to Skip to main content
11,795,568 members (78,916 online)
Rate this: bad
Please Sign up or sign in to vote.
See more: PHP jQuery
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
0 Maciej Los 340
1 Sergey Alexandrovich Kryukov 316
2 OriginalGriff 285
3 Abhinav S 223
4 KrunalRohit 214
0 OriginalGriff 1,797
1 Maciej Los 1,415
2 KrunalRohit 1,240
3 CPallini 840
4 ppolymorphe 808

Advertise | Privacy | Mobile
Web01 | 2.8.151002.1 | Last Updated 27 Feb 2013
Copyright © CodeProject, 1999-2015
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