Я думаю и так всем понятно о чём идёт речь.
Поэтому картинка отсутствует или-же вы можете увидить как это работает,
скачав архив.
Установка скрипта - "Поочерёдный показ слайдов".
Скачать скрипт можно по ссылке ниже.
Для установки скрипта на страницу сайта необходимо:
поместить между тегами head следующий код:
Code
<SCRIPT LANGUAGE="JavaScript">
NewImg = new Array ("1.jpg", "2.jpg", "3.jpg", "4.jpg", "5.jpg");
var ImgNum = 0;
var ImgLength = NewImg.length - 1;
var delay = 3000;
var lock = false;
var run;
function chgImg(direction) {
if (document.images) {ImgNum = ImgNum + direction;
if (ImgNum > ImgLength) {ImgNum = 0;}
if (ImgNum < 0) {ImgNum = ImgLength;}
document.slideshow.src = NewImg[ImgNum];}}
function auto() {
if (lock == true) {
lock = false;
window.clearInterval(run);}
else
if (lock == false) {
lock = true;
run = setInterval("chgImg(1)", delay);}}
</script>
между тегами body, в том месте, где Вы хотите установить просмотр слайдов, нужно поместить начальную картинку (тег img) и управляющие ссылки. Ссылки можно разместить сверху или снизу картинки, как Вам будет угодно. Лучшим решением будет разместить картинку и ссылки в таблице. Вот пример со ссылками под картинкой:
Code
<table width="215">
<tr>
<td align="center" height="155">
<img src="1.jpg" name="slideshow">
</td>
</tr>
<tr>
<td><table align="center">
<tr>
<td align="center">
<a href="javascript:chgImg(-1)">Назад</a>
</td>
<td align="center">
<a href="javascript:auto()">Авто/Стоп</a>
</td>
<td align="center">
<a href="javascript:chgImg(1)">Вперёд</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
Обратите внимание на ширину (width) таблицы и высоту (height) ячейки верхней строки, где находятся картинки. Вам надо будет самим подбирать их размер взависимости от размеров картинок. Ставить размеры нужно немного больше от размера самой большой картинки, иначе таблица будет "ездить" вместе со ссылками при смене картинок.
В переменной NewImg находится массив с изображениями - ("1.jpg", "2.jpg", "3.jpg"...). Замените их своими именами и укажите путь к папке, где они находятся, например: images/photo.jpg или .../images/photo.jpg.
Чтобы добавить ещё одно изображение, впишите в кавычках название файла картинки через запятую.
Переменная delay - это время задержки между показами картинок в милисекундах, можете изменять это значение.
Устанавливайте и пользуйтесь.
Можно сделать так, что каждая картинка будет ссылкой на определённый адрес.
Но об этом расскажу позже.