Aquí dejo el código para que lo revisen... =D
Código HTML :
<!DOCTYPE html>
<html lang="es">
<head>
<title>Desplegando imagenes JSON</title>
<link href="css/demo.css" rel="stylesheet">
<style>
.cuadro{
display: inline-block;
vertical-align: top;
width: 300px;
}
</style>
</head>
<body class="container">
<div id="arriba"></div>
<div>
<form action="#" method="POST">
<select id="list"></select>
<input type="submit" class="btn" value="Ir">
</form>
</div><br/>
<div id="imagenes"></div>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(document).on("ready", main);
function main(){
var titulo= "";
var imagen= "";
var lista= "";
var valorlista= $("#listavalor").val();
console.log(valorlista);
$("#imagenes").text("Cargando...");
$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?tags=cat&format=json&jsoncallback=?", function(json){
titulo += "<h2><a href='index.html'>" + json.title + "</a></h2>"
$.each(json.items, function(i, valor){
lista += "<option value=' id='listavalor'"+ i +"'>" + valor.title + "</option>"
imagen += "<div class='cuadro'><img src='" + valor.media.m + "'/></div>"
});
$("#arriba").html(titulo);
$("#imagenes").html(imagen);
$("#list").html(lista);
});
}
</script>
</body>
</html> 
