ライトボックス(または同様のギャラリータイプのもの)にフォトギャラリーを表示しようとしていますが、クライアントは、写真を2回アップロードする必要がないように、Facebookアルバムから写真を取得することを望んでいます。
私はワードプレス内で作業していますが、利用可能なプラグインのいくつかを見回しましたが、それらはあまり有望ではないようです。
ここでの私の最善の攻撃計画は何ですか?私は実際にFacebookAPIを掘り下げ始めていませんが、それがあなたたちが提案するものであれば、私は先に進んでそれを実行します。私はjavascriptとphpにかなり精通しています。それがうまくいくと確信するまで、私はそのウサギの穴を降りたくありません。
どこから始めればいいのかわからないので、洞察を共有してくれる人を本当に探しています。
編集:
これは私が立ち往生しているところです...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Facebook Photo Gallery</title>
<script type='text/javascript' src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript">
$.getJSON('http://graph.facebook.com/356611067762340/photos').then(function(response) {
// 0-8, 0 returns the largest available images, 8 the smallest
var imageIndex = 5;
var images = _(response.data)
.chain()
.pluck('images')
.pluck(imageIndex)
.value();
console.log(images);
_(images).each(function(image) {
$('#image-container').append(
$('<img>').attr('src', image.source)
);
});
});
</script>
</head>
<body>
<div id="image-container"></div>
</body>
</html>
これは私には完全に有効なようです、なぜそれが機能しないのですか...?