このサンプルは、Yahoo! Query Languageを利用してFlickrの新着写真を10件表示します。サンプルが表示されたら[Search Flickr's...]ボタンをクリックしてください。最新の写真が10件表示されます。
var url = 'http://query.yahooapis.com/v1/public/yql?callback=?'
var sql = 'select * from flickr.photos.recent';
var params = {
q: sql,
format: 'json'
}
$.getJSON(url, params, function(data) {
if (data.query.count == 0) return;
var photos = data.query.results.photo;
var html = '';
for (var i in photos) {
var id = photos[i].id;
var title = photos[i].title;
var server = photos[i].server;
var secret = photos[i].secret;
var temp = 'http://static.flickr.com/{server}/{id}_{secret}_s.jpg'
var src = temp.replace('{server}', server).replace('{id}', id).replace('{secret}', secret);
html += tempalte.replace('{src}', src).replace('{title}', title);
}
$('#pics').empty().html(html);
});// end of getJSON