jQuery: get images from Twitter

by gabrieleromanato

HTML

<h1 id="twitter-header"><a href="http://twitter.com/gabromanato/">@gabromanato</a></h1>

CSS

#twitter-header {
    font: 2em Arial, sans-serif;
    height: 8em;
    background-repeat: repeat-x;
    color: #fff;
    line-height: 6.5;
    padding-left: 3em;
    position: relative;
}

#twitter-header a {
    text-decoration: none;
    padding: 5px;
    background: #fff;
    border-radius: 10px;
}

#twitter-header img {
    position: absolute;
    top: 31%;
    left: 1em;        
}

JavaScript

var getResourcesFromTwitter = function() {
    var url = 'https://api.twitter.com/1/users/lookup.json?screen_name=gabromanato&callback=?';
    $.getJSON(url, function(data) {
        var background = data[0].profile_background_image_url;
        var profileImage = data[0].profile_image_url;
        var linkColor = data[0].profile_link_color;
        $('#twitter-header').css('backgroundImage', 'url(' + background + ')');
        $('a:first', '#twitter-header').css('color', linkColor);
        $('<img/>').attr('src', profileImage).appendTo('#twitter-header');
    });
}


getResourcesFromTwitter();