-
-
+ Loading photos…
- -
-
-
- -
-
-
- -
-
-
- -
-
-
- -
-
-
- -
-
-
-
diff --git a/output/css/style.css b/output/css/style.css
index 663c368..88a466b 100644
--- a/output/css/style.css
+++ b/output/css/style.css
@@ -188,13 +188,13 @@ ul#menu li {
}
/* Flickr thumbnails */
-.flickr {
+#flickr {
clear: both;
}
-.flickr li img {
+#flickr li img {
opacity: 0.5;
}
-.flickr li img:hover {
+#flickr li img:hover {
opacity: 1;
}
diff --git a/output/js/home.js b/output/js/home.js
new file mode 100644
index 0000000..5049432
--- /dev/null
+++ b/output/js/home.js
@@ -0,0 +1,22 @@
+
+jQuery(function () {
+ function populate_flickr(data, text_status) {
+ var ul = $("ul", "#flickr");
+ ul.empty();
+ debugger;
+ jQuery.each(data.photos.photo, function(i, photo) {
+ var li = $("");
+ var a = $("");
+ a.attr("href", "http://www.flickr.com/photos/" + escape(photo.owner) + "/" + photo.id);
+ var img = $("![]()
");
+ img.attr('src', photo.url_sq);
+ img.attr('alt', photo.title);
+ a.append(img)
+ li.append(a);
+ ul.append(li);
+ });
+ };
+
+ // Populate Flickr
+ jQuery.getJSON("http://api.flickr.com/services/rest/?method=flickr.people.getPublicPhotos&api_key=aa003631cc50bd47f27f242d30bcd22f&user_id=40215689%40N00&format=json&per_page=20&extras=url_sq&jsoncallback=?", populate_flickr);
+});