-
Notifications
You must be signed in to change notification settings - Fork 8
/
Copy pathexamples.html
52 lines (47 loc) · 2.29 KB
/
examples.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-us">
<head>
<title>Flickr API in jQuery</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<style type="text/css">
body { background: #eee; font-family: monaco, 'courier new', helvetica, sans-serif; }
#container { width: 900px; margin: 50px auto; background: #fff; padding: 25px; border: 1px solid #ccc; }
h1 { color: #eee; font-size: 12px; margin-bottom: 10px; font-weight: normal; background: #111; padding: 7px; }
h1 span { color: #999; }
a img { border: 0; margin: 0; }
div { margin-bottom: 35px; }
ul { list-style-type: none; }
ul li { display: inline; }
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script src="jquery.flickr.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
var config = {
api_key: 'YOUR API KEY',
link_to_size: 'm'
}
$('#recent').flickr(config).photosGetRecent({per_page: 10})
$('#contacts').flickr(config).photosGetContactsPublicPhotos({user_id: '95448703@N00', count: 10})
$('#search').flickr(config).photosSearch({user_id: '95448703@N00', per_page: 10})
$('#portfolio').flickr(config).photosSearch({user_id: '95448703@N00', per_page: 10, tags: 'portfolio'})
$('#photoset').flickr(config).photosetsGetPhotos({photoset_id: '72157600185772527', per_page: 10})
})
</script>
</head>
<body>
<div id="container">
<h1>photosGetRecent()</h1>
<div id="recent"></div>
<h1>photosGetContactsPublicPhotos(<span>{user_id: '95448703@N00', count: 10}</span>)</h1>
<div id="contacts"></div>
<h1>photosSearch(<span>{user_id: '95448703@N00', per_page: 10}</span>)</h1>
<div id="search"></div>
<h1>photosSearch(<span>{user_id: '95448703@N00', per_page: 10, tags: 'portfolio'}</span>)</h1>
<div id="portfolio"></div>
<h1>photosetsGetPhotos(<span>{photoset_id: '72157600185772527', per_page: 10}</span>)</h1>
<div id="photoset"></div>
</div>
</body>
</html>