I'm following this instructions:
http://www.viget.com/inspire/pulling-your-flickr-feed-with-jquery/[link=http://www.viget.com/inspire/pulling-your-flickr-feed-with-jquery/][/link] and trying to do the same, but the only output I'm getting is this: [u]PrevNext[/u].
This is my code:
[code]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Untitled Document
#images { height: 185px; width: 240px; padding:0; margin:0; overflow: hidden;}
#images img { border:none;}
$.getJSON("
http://api.flickr.com/services/feeds/groups_pool.gne?id=675729@N22&lang=en-us&format=json&jsoncallback=?", function(data){
$.each(data.items, function(i,item){
$("
").attr("src", item.media.m).appendTo("#images")
.wrap("
");
});
$('#images').cycle({
fx: 'fade',
speed: 'fast',
timeout: 0,
next: '#next',
prev: '#prev'
});
});
[/code]
What can I be doing wrong?
I stopped reading the tutorial at the headline "Getting More Than Just Pretty Pictures", cause by then the code should have shown some kind of output.
Comments
[code]$(document).ready(function() {
$.getJSON("http://api.flickr.com/services/feeds/groups_pool.gne?id=675729@N22&lang=en-us&format=json&jsoncallback=?", function(data){
$.each(data.items, function(i,item){
$("").attr("src", item.media.m).appendTo("#images")
.wrap("");
});
$('#images').cycle({
fx: 'fade',
speed: 'fast',
timeout: 0,
next: '#next',
prev: '#prev'
});
});
});[/code]