How the autorefresh and show avatars via javascript in custom twitter timeline?


#1

( had to delete the first < sign to show code )

This is my Javascript:

script type=“text/javascript” src=“http://twitter.com/javascripts/blogger.js”>
script type=“text/javascript” src=“http://twitter.com/statuses/user_timeline/USERNAME.json?callback=twitterCallback2& count=5;”>

My HTML:

div id=“twitList”>
a href=“https://twitter.com/Iam_FACEL3SS” title=“follow me @iam_facel3ss” target="_blank">
div id=“follow”>
/div>
div id=“tweetcenter”>
div id=“twitter_div” style=“overflow:hidden”>
ul id=“twitter_update_list”>
li>Loading tweets…
/div>
script type=“text/javascript” src=“http://twitter.com/javascripts/blogger.js”>
script type=“text/javascript” src=“http://twitter.com/statuses/user_timeline/iam_facel3ss.json?callback=twitterCallback2&count=5;”>
style type=“text/css”>
#twitter_div {margin:0px}
#twitter_div ul {list-style-type:none;margin:0px;padding:0px}
#twitter_div li {color:#FFF;margin:1px 0px 3px 0px;padding:0px}
#twitter_div li {border-bottom:1px solid #03F}
#twitter_div li a {color:white;display:block;margin-bottom:5px;font-weight:bold}
#twitter_div li span a {color:#03F;display:inline;margin-bottom:0px;font-weight:bold;}
/style>
span style=“float:right;”>
/span>

And CSS:

#tweetcenter {
margin-top:100px;
margin-left:auto;
margin-right:auto;
width:380px;
height:400px;
overflow:auto;
border: 1px solid #03F;
background-color:#000;
}

#twitList {
float:right;
width:400px;
height:590px;
overflow:hidden;
word-wrap:normal;
background-image:url(…/images/flt.png);
}

Now to my question.
1. How to you auto-update like the official twitter? (i.e. showing box “1 new tweet”)
2. How to you display avatars within the feed?

The website in question is facel3ssgaming.com.


#2

With API v1.1 coming up, you’ll likely want to just use our [node:10248] feeds instead. Code such as this will cease functioning in March 2013, as the API will no longer allow unauthenticated access such as this.


#3

ok


#4

#5