это должно быть довольно просто, не нужно никаких библиотек или чего-то еще, только несколько строк JavaScript.
Допустим, на вашем сайте у вас есть каталог, полный изображений, которые вы хотите повернуть
/web_root/images/rotate
с изображениями, названными так:
/web_root/images/rotate/img1.jpg
/web_root/images/rotate/img2.jpg
/web_root/images/rotate/img3.jpg
...
Тогда на вашей странице у вас есть img , через который вы хотите повернуть изображения.
<img id="rotator" src="images/rotate/img1.jpg"></img>
затем добавьте событие загрузки в ваш документ body like
<body onload='start_rotate'>...
затем где-нибудь в вашем <head> определите раздел скрипта, содержащий
var num_of_images = ...;
var timeout = 1000;
function start_rotate() {
window.setTimeout('rotate()', timeout );
}
function rotate() {
window.setTimeout('rotate()', timeout );
var im = document.getElementById('rotator');
var index = im.src.substring(im.src.indexof('.')-1, 1);
var next_index = index + 1 % num_of_images;
im.src = "images/rotate/img" + next_index +".jpg";
}
Возможно, у меня есть некоторые синтаксические ошибки, но это должно проиллюстрировать идентификатор, просто установите тайм-аут для замены изображения каждые 1000 миллисекунд.
удачи