0

所有，我有以下代码来显示一组 instagram 照片，然后我用 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>';
}

花式框打开并在图像下方显示标题“这是一个标题”。但是，我实际上希望将其设为链接，以便当有人单击标题时，它会打开一个链接。我试图做这样的事情：

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

但这不起作用，并在我的页面上产生了一些奇怪的 HTML。有谁知道如何做这样的事情？

4

2 回答 2

1

尝试对标题中的 HTML 进行编码。例如，&lt;用于 < 符号。不知道这是否可行，但值得一试。

于 2013-02-28T03:52:43.943 回答
0

Fancybox 有一个 titleFormat 选项，您可以将其设置为回调。我看到这样的：

function formatTitle(){
   return "<a href='http://instagram.com' target="_blank">test</a>";
}

$(".fancybox").fancybox({
'titleFormat' : formatTitle
});

我不确定我是对的，但文档说：

titleFormat - 自定义标题区域的回调。您可以设置任何 html - 自定义图像计数器甚至自定义导航

于 2013-02-28T03:56:41.397 回答