[Pumych]

Делаю сроллер для фотогалереи.
Допустим что имеем такой код:

<div id="scroller">
    <span id="thumb-0"><img src="0.jpg"></span>
    <span id="thumb-1"><img src="1.jpg"></span>
    <span id="thumb-2"><img src="2.jpg"></span>
    <span id="thumb-3"><img src="3.jpg"></span>
    <span id="thumb-4"><img src="4.jpg"></span>
    <span id="thumb-5"><img src="5.jpg"></span>
  </div>

#scroller {
width: 100px;
height: 30px;
overflow: hidden;
}
img {
height: 30px;
}

Если в блоке #scroller отображаются две первые картинки (thumb-0, thumb-1), т.е. остальные не видны потому что не влезают в блок, подскажите п-стя каким образом можно перемотать на следующие одну-две? Т.е. нажатие на кнопку и запуск функции в которой... а вот тут не знаю как быть.

Пробовал с помощью innerHTML вставлять фотки с середины массива но этот вариант кажется не правильным.