Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > JavaScript: Общие вопросы > Смена картинок по времени (через час)


Автор: Artiomka 19.2.2010, 14:09
Добрый день!

Перерыл весь интернет и все не могу найти толковый и понятный скрипт!

Помогите плиз найти код для циклической смены картинок (.png) через каждый час.
Желательно, без кеширования.

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

Автор: 12345c 19.2.2010, 16:16
http://alexshirshov.narod.ru/scripts/0111.htm

(период ставить 3600000, для некеширования в начале загрузки код немного меняется )

Процитирую и немного улучшу код
Код

<html><head><title>Слайдшоу</title></head>
<script>
// Начальные значения рисунков
slideimg=[];
// Здесь указываются рисунки, которые будут показываться
slideimg.push("указываем имя файла рисунка 1");
slideimg.push("указываем имя файла рисунка 2");
slideimg.push("указываем имя файла рисунка 3");
slideimg.push("указываем имя файла рисунка 4");
  //можно ставить от 1 до сколько угодного числа
function showslides(){
  if(!self.slideimgI)slideimgI=1; else slideimgI = (slideimgI +1) % slideimg.length;
  document.getElementById('img1').src = "http://указываем_путь_к_каталогу/" + slideimg[slideimgI].src;
  //если нужно некеширование в другом смысле, то ещё + "&" + (new Date()).getTime();
}
</script>
<body onLoad="setInteval(showslides, 3600*1000)">
<!--Здесь задаётся время, через которое будут меняться рисунки (1000 = 1 секунда)-->
<p><img id="img1" src="указываем URL рисунка 1" width="150" height="150"></p>
<!--указать истинный размер рисунков; лучше, если все будут одного размера--ю
</body></html>
Для отладки лучше поставить сначала обновление раз в секунды 3 (число 3000).

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)