Friday, April 13, 2018

loading four most recent pictures


  1. <!doctype html>
    <html lang="en">
    <head>
    <meta charset="utf-8">
    <title>jQuery.getJSON demo</title>
    <style>
    img {
    height: 100px;
    float: left;
    }
    </style>
    <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
    </head>
    <body>
    <div id="images"></div>
    <script>
    (function() {
    var flickerAPI = "https://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?";
    $.getJSON( flickerAPI, {
    tags: "mount rainier",
    tagmode: "any",
    format: "json"
    })
    .done(function( data ) {
    $.each( data.items, function( i, item ) {
    $( "<img>" ).attr( "src", item.media.m ).appendTo( "#images" );
    if ( i === 3 ) {
    return false;
    }
    });
    });
    })();
    </script>
    </body>
    </html>

No comments:

Post a Comment