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 に答える