gravatar play

by thebabydino

HTML

<html>
<head>
</head>
<body>
    <div class="avatar-image-container avatar-stock">
        <img src="http://img1.blogblog.com/img/blank.gif" width="16" height="16" alt="" title="brontozaurel">
    </div>
    <script>
    function tester(data) {
        if(data){
            var photo = data.entry[0].photos[0].value, name = data.entry[0].requestHash, 
                        elements = document.querySelectorAll('.avatar-image-container img'), length = elements.length, element;
            for(var i = 0; i < length; i++){
                var author_name = elements[i].getAttribute('title');
                if(author_name == name) element = elements[i];
            }
            element.setAttribute('src', photo);
        }
    }
    if(document.querySelectorAll){
        var elements = document.querySelectorAll('.avatar-image-container img'), length = elements.length;
        for(var i = 0; i < length; i++){
            elements[i].setAttribute('height', 28);
            elements[i].setAttribute('width', 28);
            var author_name = elements[i].getAttribute('title'), scr = document.createElement('script');
            scr.src = 'http://en.gravatar.com/' + author_name + '.json?callback=tester';
            document.body.appendChild(scr);
        }
    }
    </script>
</body>