Описание: Сегодня я представляю Вашему вниманию очень простой, но часто используемый скрипт - " Ротатор изображений на JavaScript ". Несмотря на всю его простоту, он применяется при показе слайдов, а это уже встречается очень часто. Вдобавок, с помощью ротатора изображений можно менять баннеры (либо какие-нибудь фот...
Описание: Сегодня я представляю Вашему вниманию очень простой, но часто используемый скрипт - "Ротатор изображений на JavaScript". Несмотря на всю его простоту, он применяется при показе слайдов, а это уже встречается очень часто. Вдобавок, с помощью ротатора изображений можно менять баннеры (либо какие-нибудь фотографии из галереи изображений), что также активно применяется.
Результат:
Код JavaScript (вставлять между тегами <head> и </head>):
<script type="text/javascript">
var array = new Array(
"images/javascript/Foto1.jpg",
"images/javascript/Foto2.jpg",
"images/javascript/Foto3.jpeg"
);//массив с путями к картинкам
var delay = 2000; //задержка в миллисекундах
function imageRotator(i) {
var image = document.getElementById("rotator");
image.src = array[i];
i++;
if (i == array.length) i = 0;
setTimeout("imageRotator(" + i + ")", delay);
}
</script>
Код HTML (вставлять между тегами <body> и </body>):
<p>
<img id = 'rotator' src = '' alt = 'Ротатор изображений' width = '150' height = '150' />
</p>
