2010-01-26 08:49:53 +00:00
|
|
|
jQuery(function () {
|
2010-02-25 21:08:49 +00:00
|
|
|
function render_image(o) {
|
|
|
|
return '<li>\n\
|
2010-02-28 20:37:38 +00:00
|
|
|
<a href="' + (Mojo.escape(Mojo.normalize(o.href))) + '" rel="prettyPhoto[flickr]"><img src="' + (Mojo.escape(Mojo.normalize(o.src))) + '" alt="' + (Mojo.escape(Mojo.normalize(o.alt))) + '" /></a>\n\
|
|
|
|
</li>';
|
2010-02-25 21:08:49 +00:00
|
|
|
};
|
|
|
|
|
2010-01-26 08:49:53 +00:00
|
|
|
function populate_flickr(data, text_status) {
|
2010-06-24 08:37:48 +00:00
|
|
|
var ul = $("#flickr ul");
|
2010-02-28 20:37:38 +00:00
|
|
|
ul.empty();
|
2010-02-25 21:08:49 +00:00
|
|
|
jQuery.each($('photo', data), function(i, obj) {
|
|
|
|
var photo = $(obj);
|
|
|
|
var image = {
|
|
|
|
href: photo.attr('url_m'),
|
2010-02-28 20:37:38 +00:00
|
|
|
src: '/images/photos.jpg',
|
2010-07-15 02:58:52 +00:00
|
|
|
alt: photo.attr('title')
|
2010-02-25 21:08:49 +00:00
|
|
|
};
|
|
|
|
var li = $(render_image(image));
|
2010-07-07 07:58:40 +00:00
|
|
|
$('img', li).css('left', (i * -75) + 'px');
|
|
|
|
li.css("background-position", (i * -75) + 'px -75px');
|
2010-01-26 08:49:53 +00:00
|
|
|
ul.append(li);
|
|
|
|
});
|
|
|
|
};
|
|
|
|
|
|
|
|
// Populate Flickr
|
2010-07-08 22:24:26 +00:00
|
|
|
jQuery.get("/photos.xml", {}, populate_flickr);
|
2010-01-26 08:49:53 +00:00
|
|
|
});
|