Click here to Skip to main content
Rate this: bad
good
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($) {
    $(".fancybox").fancybox();
});
</script>';
 
$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>
    </div>';
}
 
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="http://www.instagram.com">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 17:43pm

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

  Print Answers RSS
0 OriginalGriff 428
1 Maciej Los 249
2 BillWoodruff 199
3 /\jmot 180
4 Suraj Sahoo | Coding Passion 150
0 OriginalGriff 8,484
1 Sergey Alexandrovich Kryukov 7,407
2 DamithSL 5,639
3 Maciej Los 5,159
4 Manas Bhardwaj 4,986


Advertise | Privacy | Mobile
Web03 | 2.8.1411023.1 | Last Updated 27 Feb 2013
Copyright © CodeProject, 1999-2014
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