Twitter Ticker (like twitter jobs page)


#1

Hi,

I was looking at the twitter jobs page and noticed a rather smooth looking tweet ticker (the quote block) near the bottom of the page. I quite like the fading and displaying of new tweets.

I wanted to know if something like this was available for us to put on websites.

Your help would be much appreciated.


#2

It looks like those are just a bunch of rendered Tweets being shown/hidden by jQuery to accomplish the fading effect.

If you look at the source of the page, this is the script which accomplishes the effect:

setInterval(function(){
$(’.quote-a’).filter(’:visible’).fadeOut(2000,function(){
if($(this).next(’.quote-a’).size()){
$(this).next().fadeIn(1000);
}
else{
$(’.quote-a’).eq(0).fadeIn(1000);
}
});
},10600);

setInterval(function(){
  $('.quote-b').filter(':visible').fadeOut(2000,function(){
    if($(this).next('.quote-b').size()){
      $(this).next().fadeIn(1000);
    }
    else{
      $('.quote-b').eq(0).fadeIn(1000);
    }
  });
},11400);

#3

Thanks for that…is it possible for someone to write up some example code/tutorial which can be used by just amending the user name in the code…or even better make a Wordpress plugin for this??

That would be really nice!!!


#4

#5