in style.css, replace the line “.ad_2 img{” with “.ad_2 img, .ad_3 img, .ad_4 img{” if you need you can go even more further… ;)

in index.html replace script part with:

$(function() {
$(‘#ad_1 > img’).each(function(i,e){
rotate($(this),1300,3000,i);
});
function rotate(elem1,speed,timeout,i){
elem1.animate({‘marginLeft’:’18px’,'width’:’0px’},speed,function(){
var other;
if(elem1.parent().attr(‘id’) == ‘ad_1′)
other = $(‘#ad_2′).children(‘img’).eq(i);
else if(elem1.parent().attr(‘id’) == ‘ad_2′)
other = $(‘#ad_3′).children(‘img’).eq(i);
else if(elem1.parent().attr(‘id’) == ‘ad_3′)
other = $(‘#ad_4′).children(‘img’).eq(i);
else
other = $(‘#ad_1′).children(‘img’).eq(i);
other.animate({‘marginLeft’:’0px’,'width’:’35px’},speed,function(){
var f = function() { rotate(other,speed,timeout,i) };
setTimeout(f,timeout);
});
});
}
});

if you need you can add more else if loops, and just copy whole div with class ad_1 change his class and id to ad_3 and change img src, do the same thing for ad_4 ;)

so i hope i helped someone :)

btw. posto bi reko da smo susjedi puno hvala manoela na izvrsnoj ideji :)

I would like to use it on the news page on my site…

it looks really impressive.
probably the strange part part is lights on a billboard frame – mostly they are located on the top ;)

otherwise – I love it :)

rotate($(this),1300,13000,i);

so the panels turn more in harmony even when the animation runs long time.

http://www.twitted.co/

Just got to get a few things in place but overall this looks like a great little concept to have a play about with

I used the name TwitTed as I have many Double T Ted’s

They are Teddy Bear Characters and TwitTed will appear on your Billboard demo on TwitTed.co son Folks

So Look Back Soon Folks :)

Nobody will notice that Loony Toons ref there will they?