Автоматическая смена картинок

[pivovodka]

Помогите новичку, обыскал весь форум но такого не нашел, есть на джаве, но мне нужно на CSS

задача по смене картинок, что нужно добавить в код:

div.art-Header-png
{
	position: absolute;
	z-index:-1;
	top: 0;
	left: 0;
	width: 980px;
	height: 209px;
	background-image: url('../images/Header1.png');
	background-repeat: no-repeat;
	background-position: left top;
}

чтобы Header1.png сменялся на Header2.png (3,4,...) по таймеру или по случайному числу

Заранее спасибо!

Edited June 18, 2010 by pivovodka

[psywalker]

На чистом ЦСС такого сделать нельзя. Таймеры есть в JS

[pivovodka]

На чистом ЦСС такого сделать нельзя. Таймеры есть в JS

Хорошо, тогда как мне туда "подкрутить" обращение к JS-файлу в котором будет прописан таймер(или по случайному числу)?

Или я что-то еще не допетриваю, как мне это реализовать?

[psywalker]

рули в эту сторону http://javascript.ru/setTimeout

[pivovodka]

рули в эту сторону http://javascript.ru/setTimeout

Это понятно.

Вопрос в том как мне сделать ссылку на обращение к названиефайла.js в названиефайла.css или напрямую можно прописывать код JS в названиефайла.css

[psywalker]

Делай отдельно

[lexus]

Я сделал так:

<input type="hidden" name="slide_current" id="slide_current" value="1">
<script language="javascript" type="text/javascript">
<!--
	var img_next = 1;

	function changeSlide(slides) {
		// создаём массив с 4 именами картинок.
		var slides = new Array(1, 2, 3, 4);
		document.getElementById('slideshow').style.background = 'url(/images/'+document.getElementById('slide_current').value+'.jpg) no-repeat';

		// проверка значения счётчика, чтобы он не вышел за рамки массива.
		if (slides.length == img_next) {
			img_next = 1;
		} else {
			img_next++;
		}

		// сохраняем значение счётчика в переменную.
		document.getElementById('slide_current').value = img_next;
	}

	// смена слайда каждые 5 секунд
	setInterval(changeSlide, 5000);
//-->
</script>

Edited June 22, 2010 by lexus