Bilder drehen wie ein Riesenrad

[niggie]

Hallo,

ich möchte mit HTML5 eine Animation machen die wie folgt aussieht: mehrere Personen sind im Kreis angeordnet und sollen sich drehen (so ähnlich wie ein Riesenrad). Hat jemand eine Idee, wie man das am besten realisiert?
Ich habe es mal so probiert:

@-moz-keyframes adrian {
	0% {
		-moz-transform: translate(0px,0px);
	}
	12,5% {
		-moz-transform: translate(140px,-40px);
	}
	25% {
		-moz-transform: translate(280px,-90px);
	}
	37,5% {
		-moz-transform: translate(400px,-40px);
	}
	50% {
		-moz-transform: translate(450px,60px);
	}
	62,5% {
		-moz-transform: translate(400px,200px);
	}
	75% {
		-moz-transform: translate(280px,230px);
	}
	87,5% {
		-moz-transform: translate(160px,200px);
	}
	100% {
		-moz-transform: translate(0px,0px);
	}
	
	}

Das Problem ist nur, dass es nicht flüssig läuft (hält alle 25% für ein paar Sekunden an), man muss sehr viel rumprobieren, um die Positionen zu finden und es dreht sich auch nicht so ganz im Kreis (eher abgehackt).

Für euer Hilfe bin ich sehr dankbar :-)

Grüße, niggie

[Nightflyer]

Würd ich aller Unkenrufe zum trotz mittels einer JS-Funktion machen die per setInterval() alle 10ms die Position der Bilder ändert