Простое слайд-шоу
Автор: Jemand
Для того, чтобы картинки на сайте менялись через определенный промежуток времени, нужен скрипт слайд-шоу. В данном примере представлен простой скрипт, но при желании и наличии прямых рук, его можно украсить любыми наворотами.
JavaScript:
var interval=1 //Интервал в секундах
var img, n=0
var imgsrc=['1.gif','2.gif','3.gif','4.gif','5.gif'] //Пути до картинок
function start(){
setInterval(show, interval*1000)
}
function show(){
if(!img)img=document.getElementById('slideshow');
img.src=imgsrc[n++];
if(n>=imgsrc.length) n=0;
}
Данный JS-код нужно вставить между тэгами <head></head> естественно заключенный в <script></script>.
В <body> добавляем onload=’start()’ для запуска функции смены картинок.
HTML-код:
<body onload='start()'>
Теперь нужно присвоить ID той картинке, которая должна сменяться.
HTML-код:
<img src="1.gif" id="slideshow">
Готово!
Пример.
Copyright Посторонним В..
Поддержка и обсуждение скрипта.
Уважаемые пользователи! Для того, чтобы комментировать записи Вы должны ввести своё имя, e-mail и решить простое уравнение. Это сделано для того, чтобы обезопасить блог от спама и спам-ботов.
При оставлении комментария, пожалуйста, воздержитесь от написания ссылок на сторонние ресурсы. Все комментарии фильтруются как плагинами так и вручную. Не тратьте своё и моё время.
Спасибо за понимание!
Логотип на ширину сайта, сайт резиновый. Попробовал этот скрипт, чтобы менялись картинки в логотипе. Меняет только картинки и отключает таблицу, где находился логотип. Картинки становятся с левого края, нет бэкграунда исчез эффект резинового сайта. хотелось бы если это возможно, чтобы картинки в логотипе менялись и сайт был резиновый. У меня на сайте резиновый логотип был за счет бэкграунда. Сам попробовал методом “тыка” безполезно, пробовал php. Может, кто поможет?