1ページに複数のfacebookを追加するには？

Question

私はこの質問が以前に尋ねられたことを知っていますが、私の状況が少し違うように感じます。

私は、基本的にサイトを「好き」にするすべてのページに、私はグローバルなボタンのようなサイトを持っています。今私はそれに写真の束とページを持っていて、あなたが各ページをクリックすると、それはfancyboxでポップアップします。

ここには、ページにあるhtmlがあります。これらの画像のそれぞれは、それがクリックされると、ファンシーボックス内の対応するタイトルを示す。私が何をしたいか

<a href="/image1.jpg" class="zoom img"> 
    <img src="/image1.jpg" width="150" height="100" /> 
</a>  

<a href="/image2.jpg" class="zoom img"> 
    <img src="/image2.jpg" width="150" height="100" /> 
</a>  

<a href="/image3.jpg" class="zoom img"> 
    <img src="/image3.jpg" width="150" height="100" /> 
</a>      


<div id="fancyboxTitles" style="display: none"> 

    <div>title1</div>            
    <div>title2</div> 
    <div>title3</div> 

</div> 

は、誰かが「いいね」、その具体的なイメージはFacebookを利用して表示されますクリックするように、特定の画像のための空想の各ボックスのようにボタンを持っています。

現在、私はグローバルタグのようなメタタグを使用してiframeメソッドを使用しています。

Answer 1

私の他の質問に対する回答（http://facebook.stackoverflow.com/questions/9252899/fancybox-with-share-buttons-linked-to-unique-image）は依然として適用されます。

Facebookのリンターによって解析される正しいhttp://ogp.me og：metaタグを配信するための一意のURLに基​​づいた仕組みが必要です。

linterはjavascriptを実行しないので、応答ストリームで正しく定義する必要があります。それ自身のURLを持つ各画像の

EDIT

例。これらはFacebookが正しいhtmlとog：タグを取得できるようにするのに役立ちます。

http://example.com/images.php?id=1 
http://example.com/images.php?id=2 
http://example.com/images.php?id=3 

これらのそれぞれのURLからのHTML応答には、正しいog：タグが指定されています。そのHTMLの中には、画像を表示するための実際のページへのjavascriptのリダイレクトが必要です。 javascriptはリンターによって実行されないので、リンターはそれらのog：タグを読むことができるはずです。

ogタグの指定方法については、http://ogp.meを参照してください。