[jQuery] Append images to div from JSON
I am trying to append images to a div from a json file, but a don't
see the images. They look broken, but the references are ok. What is
wrong here?
<body>
<script type="text/javascript" src="http://www.sionvalais.com/v2/js/
jq.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$.getJSON("http://www.sionvalais.com/social/json.php",
function(data){
$.each(data.items, function(i,item){
$("<img/>").attr("src", item.cam).appendTo("#images");
if ( i == 3 ) return false;
});
});
});
</script>
<style>img{ height: 100px; float: left; }
#images {
width:500px;
height:200px;
}
</style>
<div id="images">
</div>