0

HTMLとCSSを快適に操作する方法しか知らないと言って始めなければなりません。

これから画像ソースを取得する最も簡単な方法は、JSON 呼び出しhttp://graph.facebook.com/103184243098195/photos?fields=source&limit=999であると想定し、それらを HTML に貼り付けます。 CSSでフォーマットする方法はありますか?

jqueryを使用してこれを行う方法を見つけるためにインターネットを選び、サンプルコードのスニペットをいくつか見つけましたが、伝える方法がわかりません.javascriptを想定しています.何を探すべきか、それを見つける方法、そしてどこで見つかったもの、つまり画像ソースを配置します。

私は少なくともこれが必要だと思います：

var url = ' https://graph.facebook.com/103184243098195/photos?fields=source&limit=999 '; $.getJSON(url, 関数(データ) { });

しかし、画像ソースを取得してからそれらをプラグインするために何を挟むべきかわかりません。たとえば、一般的な div だけです。ほとんどの言語に慣れていないため、理解できない用語を使用する必要がある構文を学びたいと思っています。これが正しい開始/方向であるかどうかさえわかりません。

どんな助けでも大歓迎です！

4

1 に答える 1

0

私はこの API をまったく使用したことがありませんが、他の誰かが登場するまでは、少なくともこれで開始できるはずです。：P

HTML:

<body>
    <div id="facebook-stuff"/>
</body>

JS:

$.getJSON('http://graph.facebook.com/103184243098195/photos?fields=source&limit=999',     function(url) {
    var data = url.data;
    var paging = url.paging;
    for(var i = 0; i < data.length; i++)
    {
         $('#facebook-stuff').append('<img src="' + data[i].source + '" class="facebook-pics" id="pic' + i + '"/>');   
    }
});

http://jsfiddle.net/zV99P/

基本的に、関数に渡されるパラメーターは JSON オブジェクトです。データは、ID、ソース、および作成時間を抽出できるオブジェクト (そのオブジェクト内) の配列です。Jquery または単純な JavaScript を使用して、source 属性を持つ img 要素を動的に作成し、それらをページ上に作成された任意の要素に追加できます。画像を複数のページに分割する場合は、ここに pagination オブジェクトもあります。ざっと見て理解できる限り、クエリ文字列の最後にある制限をより低い数値、つまり ?limit=5 に下げる必要があります。その後、前または次のリンクをpaging.previous または paging.next を使用したページング オブジェクト。

于 2013-10-16T04:36:13.923 に答える