-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
67 lines (65 loc) · 2.58 KB
/
index.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
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Extract Test</title>
<style>
.pic {
float: left;
width: 120px;
height: 120px;
text-align: center;
font-size: 12px;
padding: 10px;
background-color: #FFFFFF;
}
.pic img {
margin: 0 auto;
}
</style>
<script type="text/javascript" src="extract.js"></script>
<script type='text/javascript'>
var jsonFlickrApi, appendPics;
(function()
{
var fInfo;
jsonFlickrApi = function(data)
{
fInfo = {
'ids': API.extract('/id', data.photoset.photo),
'farms': API.extract('/farm', data.photoset.photo),
'titles': API.extract('/title', data.photoset.photo),
'servers': API.extract('/server', data.photoset.photo),
'secrets': API.extract('/secret', data.photoset.photo),
};
}
appendPics = function()
{
var r = document.getElementById('results');
var img, div, para;
for(var i = 0, l = fInfo.ids.length; i < l; ++i)
{
div = document.createElement('div');
div.className = "pic";
img = document.createElement('img');
img.src = 'http://farm'+
fInfo.farms[i] + '.static.flickr.com/' +
fInfo.servers[i] + '/' + fInfo.ids[i] + '_' +
fInfo.secrets[i] + '_s.jpg';
div.appendChild(img);
para = document.createElement('p');
para.appendChild(document.createTextNode(fInfo.titles[i]));
div.appendChild(para);
r.appendChild(div);
}
img = div = para = null;
}
})();
</script>
<script type="text/javascript" src="http://api.flickr.com/services/rest/?method=flickr.photosets.getPhotos&photoset_id=1334652&api_key=d6b0504353f5e2802b062845f5b8b65a&format=json"></script>
</head>
<body onload='appendPics()'>
<div id="results">
</div>
</body>
</html>