Implement a simple photo search using the Flickr Public Feed.
- Search Flickr public photos based on
tags
andtag mode
provided by users. - Display the photos in a 5x4 grid (note: at most, 20 photos will be returned).
- Use this url in your
ajax
request:
https://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?
- In your
ajax
call, usejsonp
as your data type. - For example:
$.ajax({
url: "https://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?",
data: {
format: 'json'
// YOUR PARAMETERS
},
dataType: 'jsonp',
success: // YOUR CALLBACK
error: // YOUR CALLBACK
});
- When a user clicks on an image, display a Bootstrap
modal
which displays the photo plus additional details returned from the public feed.