Смена картинки через время
 

Запускается системный секундомер. Каждая смена секунды будет менять картинку (допустим число имеющихся картинок будет 8). Картинки должны меняться циклично. Не могу сообразить как это можно организовать.

если картинка последняя (8-я), показывать первую

<img alt="" id="image" src="1.jpg" />

var img = 1, imgMax = 8;
var image = document.getElementById('image');
setInterval(function() {
   image.src = (++img > imgMax ? (img = 1) : img) + '.jpg';
}, 1000);

<img id="image_id" src="image_1.jpg" />

var images	= ['image_1.jpg', 'image_2.jpg', 'image_3.jpg', 'image_4.jpg'],
	length	= images.length,
	index	= 1;

setInterval(function() {
	if(index == length) index = 0;
	document.getElementById('image_id').src = images[index++];
}, 1000);

Ruslan_xDD,
опередил))

но, как же динамичные названия картинок? :)

Спасибо всем за ответы. Узнала кое что новое. Я сама тоже побывала.

<script type="text/javascript">
var TimeChange = prompt("интервал", 1000);
var path = ['1.png','2.png','3.png','4.png','5.png','6.png','7.png','8.png']
function change_img() {
   document.getElementById('img').src = path[0];
   path.push(path.splice(0,1));
   setTimeout( arguments.callee,TimeChange)
}
setTimeout('change_img()', TimeChange)

Суть выше перечисленных скриптов (включая мой) имеют ведь один и тот же смысл?
Главная моя задача сделать вот это: