neco jako ruleta?

Zdravím, nedaří se mi udělat jedna věc.

<div style="width:500px;height:50px;">
<img src="ob1.png" style="float:left;width:50px;height:50px;">
<img src="ob2.png" style="float:left;width:50px;height:50px;">
<img src="ob3.png" style="float:left;width:50px;height:50px;">
<img src="ob14.png" style="float:left;width:50px;height:50px;">
<img src="ob124.png" style="float:left;width:50px;height:50px;">
<img src="ob151.png" style="float:left;width:50px;height:50px;">
<img src="ob12.png" style="float:left;width:50px;height:50px;">
</div>
a potřeboval bych, aby tyto obrázky byli v divu za sebou, ovšem jakmile obrázky zaplní celý div na šířku, tak se začnou řadit na další řádek. Existuje způsob, jak zachovat, aby se řadili za sebou do "nekonečna", aby prostě zmizeli jakoby v tom divu? Případně jak jinak, jakým způsobem, mít za sebou třeba 20 obrázků a ty dostat takto za sebou, aby jich bylo vidět jen třeba 5 a pomocí javascriptu jsem z nich mohl udělat běžící lajnu? Děkuji mnohokrát

Kcko: ano, to je přesně to, co potřebuji. Děkuji mnohokrát za pomoc :)