У даній статті розберемо приклад роботи ротації зображень, написаної на Java Script. Рішення досить-таки популярне. Найчастіше використовується як слайдер зображень у верхній частині сайту, прокрутка рекламних банерів або показ слайдів фотогалереї.
Сам скрипт ротації на Java Script вставляємо між тегами <head> і </ head>
Код JavaScript
<script type="text/javascript"><br >
var array = new Array(<br >
"images/photo001.jpg",<br >
"images/photo002.jpg",<br >
); //массив с путями к картинкам. Можно по аналогии добавить изображения<br >
var delay = 2000; // время задержки одного изображения в миллисекундах = 2 сек<br >
function imageRotation(i) {<br >
var image = document.getElementById("rotator");<br >
image.src = array[i];<br >
i++;<br >
if (i == array.length) i = 0;<br >
setTimeout("imageRotation(" + i + ")", delay);<br >
}<br >
</script>
Вибираємо об’єкт в тілі документа, який повинен стояти між тегами <body> і </ body> і присвоюємо йому id rotator. Візьмемо за приклад зображення і тег <img>
Дивіться також:овощерезка nicer dicer plus
Код HTML
<p><br > <img id="rotator" src="" alt="Ротация изображений" width="150" height="150" /><br > </p>
Спасибі за увагу!
Андрей Бушман