0

flickr のこの画面に似たサイトに、いくつかの機能を追加する任務を負っています。

右側のフォトストリームをどのように行うか、誰か知っている人はいますか? 画像が JavaScript、json に含まれていないか、ajax リクエストがありません。

誰かがこれをどのように行ったかを知っていれば、本当に役に立ちます。

4

2 に答える 2

1

スクロールすると、AJAX リクエストが実行されます。

ブラウザでコンソールを開き、ネットワーク タブを確認します。次のようなリンクが表示されます。

http://www.flickr.com/services/rest/?format=json&clientType=yui-3-flickrapi-module&api_key=8800e2eb03db7fb99992039f14061dcf&auth_hash=e65c85db55a2671d8d5968171150c516&auth_token=&secret=9978895fa92da630&photo_id=3396195710&num_prev=4&num_next=0&order_by=&extras=url_sq%2Curl_q%2Curl_t%2Curl_s%2Curl_m%2Curl_z%2Curl_c%2Curl_l%2Curl_o%2Cvideo_size%2Cowner_name%2Cpath_alias%2Cicon_server%2Cneeds_interstitial%2Ccount_comments%2Ccount_faves%2Curl_h%2Curl_k&method=flickr.photos.getContext&jsoncallback=YUI.flickrAPITransactions.flapicb23&cachebust=1358811052893

これは、JSON データを返す安らかなリンクです。この JSON データには、各写真のサムネイルの URL とその他の情報が含まれています。

于 2013-01-21T23:34:49.603 に答える
0

1つ目 サムネイルを右にスクロールするとajaxリクエストがあります。そして、彼らはストリームの最後の写真ID、データベースまたは前の次の写真、写真をアップロードしたユーザー、そして確かに他のパラメーターを使用してajaxリクエストを行うと思います...写真のサムをエンコードするスクリプトファイルが必要ですBase64 では、画像の URL とデータベース内の次の画像 ID ..

例

$("#photostream > .scroll").click(function(){
    leftOrRight = $(this).attr("id"); // Assume that there is two buttons to get next or previous img with id #next and #prev
    $.ajax({
        type: "GET",
        url: urlOfTheScriptFileThatWillProvideYouData.php, //aspx, jsp ...
        dataType: "json",
        data: "userId, photoId, leftOrRight",
    success: function(yourJson) {
        //... Do something with your data and append it in the slider etc..;

    },
    error: function (xhr, textStatus, errorThrown) {
        $("#error").html(xhr.responseText);
    }
})
})

URLを見る

http://www.flickr.com/photos/roblawton/3847619643/in/photostream/

http://www.flickr.com/photos/USER-ID/PHOTO-ID/in/photostream/

于 2013-01-21T23:57:43.750 に答える