私は写真ギャラリーを持っています。私は写真を表示するためにファンシーボックスを使い、写真間を移動します。写真の下に、私はFacebookのコメントプラグインを統合して、すべての写真の特定のコメントを部分的に追加できるようにしました。 私の問題は、特定の画像に対して人が追加したコメントは表示されないということです。しかし、コメントを追加すると表示されますが、これは私のコメントだけであり、Facebookにログインしている場合にのみ表示されます。誰かが私が間違って何ができるか考えていますか?写真のFacebookのコメントは機能しません
ファクシミリギャラリーのURL:http://www.bass.hr/photogallery.php?album=17 Facebookのコメントの統合では、https://developers.facebook.com/docs/reference/plugins/comments/から生成されたコードを使用します。
<div id="fb-root"></div>
<script>
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=196368707123454";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<div id="fancybox_container" style="display:none;">
<?php
foreach ($Imgs as $key => $i) {
?>
<div id="inline_<?php echo $key;?>" style="width:500px;">
<img id="fancyboxContentImage" src="<?php echo $target.$i['filename']; ?>" />
<div style="margin-top:20px;">
<fb:comments href="http://www.bass.hr/<?php echo $target.$i['filename'];?>" num_posts="2" width="450"></fb:comments>
</div>
</div>
<a class="grouped_elements" href="#inline_<?php echo $key;?>" rel="group" ></a>
<?php
}
?>
</div>
<script type="text/javascript">
$(window).load(function(){
$("a.grouped_elements").fancybox({
openEffect : 'fade',
closeEffect : 'fade',
nextEffect : 'fade',
prevEffect : 'fade',
mouseWheel : 'true',
width : 520,
height : 400,
autoSize : 'true',
fitToView : 'true',
type : 'inline',
scrolling : 'yes',
padding : 10,
afterShow :function() {
var referenceHeight = $('div.fancybox-inner div img').height()+15;
$('.fancybox-prev, .fancybox-next').css('height', referenceHeight+'px');
}
});
$("#fancybox_container a.grouped_elements:first").click();
});
</script>
アップデート1:
は、私はまた、Facebookの開発者はJavaScript SDKを参照して説明したように、非同期のFacebookのJavaScript SDKをロードしようとしましたが、ちょうど同じ結果
は、ここに私のコードです。
アップデート2:
また、私は放火犯を検査することによって、私の画像のURLを確認しました。私はそのURLをコピーして、グラフAPIにパラメータとしてそれを与える場合は、コメントは配列が返さにあります(私はグラフAPIを経由して試してみましたURLについては、以下のコメントを参照してください)
Update3と:
イメージとその下のFacebookのコメントプラグインのみを含むsepparateテストページを作成しました。その後、私はデバッガにURLを渡したので、キャッシュをフラッシュしますが、結果はありません。 はここだけ画像+プラグインでURLです: bass.hr/photodisplay.php?photo=pic_1293187827.jpg
任意のアイデア、必ずしもソリューションは、多くのもapreciatedされるだろう。
ありがとうございます。
私はまた、https://developers.facebook.com/docs/で生成されたコードのHTML5バージョンを使用しようとしたので、これはXFBMLタグ解析の問題ではないと思います。参照/プラグイン/コメント/と同じ結果を生成します。 FacebookのJS-SDKの初期化をドキュメントの準備が整ったところで、divからディスプレイを削除しても、助けにならない。私はまた、ページ上のすべての要素についてFB.XFBML.parseを呼び出そうとしましたが、運はありません。あなたがGoogle Chromeで開くと、facebookのコメントプラグインが表示されないということもあります。 (FirefoxとIEの場合) – user1115501
私の回答のアップデートを参照 –
Chromeで問題が修正されましたが、今でもChromeに表示されますが、Facebookのコメントはまだ機能しません。コメントが表示されるだけです。これはできますか? – user1115501