jsonp example

by m4xout

HTML

<html><body>
    Loads the four most recent <b>cat pictures</b> from the Flickr JSONP API.
<div id="images"/>
    <script>
        $.getJSON( "http://www.bom.gov.au/fwo/IDQ60901/IDQ60901.94578.json", 
  function(data){
  $.each(data.items, 
    function(i,item){
$("<img/>").attr("src", item.media.m).appendTo("#images").wrap("<a href='" + item.link + "'></a>");
    if ( i == 3 ) return false;});
    
    console.log(data);
});
    </script>
</body></html>

CSS

img {max-width:80px; max-height:80px}