<form name =form1> <input type=button value= назад onClick="dem(0)"> <input type=button value= вперед onClick="dem(1)"> </form>
Затем загрузим предварительно все наши изображения: для этого сначала создадим массив (Array) для наших изображений, элементы которого создаются вызовом new Image(). Обратите внимание, что нумерация элементов массивов начинается с нуля (и так почти во всех языках программирования), i-ый элемент указывается путем добавления после имени переменной [i]. Не ошибитесь! Особо указывается, что каждое изображение создается с помощью оператора new, то есть раннее эта переменная не описана. Всего изображений у меня - шесть, от Foto01.jpg до Foto06.jpg, следовательно получится шесть элементов в массиве:
numimg = 0
imgslide=new Array ()
imgslide[0] = new Image
()
imgslide[1] = new Image ()
imgslide[2] = new Image ()
imgslide[3] =
new Image ()
imgslide[4] = new Image ()
imgslide[5] = new Image ()
Далее в бой идет сценарий, отвечающий за смену изображений dem(n), где n - номер изображения (от 0 до 5), так как у меня, если вы не забыли, 6 фоток . Дадим описание этому сценарию (функции):
function dem(n)
{
if (n==1)
{ numimg++
if
(numimg==6)
numimg=0;
}
else
{numimg--
if (numimg==
-1)
numimg=5;
}
document.images [0].src=imgslide [numimg].src
}
Cделаем:
....................................................................................
<html>
<head>
<title>Слайд-шоу</title>
<script
language = "JavaScript">
numimg=0
imgslide=new Array ()
imgslide[0]=new Image
()
imgslide[1]=new Image ()
imgslide[2]=new Image ()
imgslide[3]=new
Image ()
imgslide[4]=new Image ()
imgslide[5]=new Image ()
imgslide[0].src ="Foto01.jpg"
imgslide[1].src
="Foto02.jpg"
imgslide[2].src ="Foto03.jpg"
imgslide[3].src
="Foto04.jpg"
imgslide[4].src ="Foto05.jpg"
imgslide[5].src ="Foto06.jpg"
function dem(n)
{
if (n==1)
{ numimg++
if
(numimg==6)
numimg=0;
}
else
{numimg--
if (numimg==
-1)
numimg=5;
}
document.images [0].src=imgslide
[numimg].src
}
</script>
</head>
<img src =
"Foto01.jpg" width="300" height="200">
<form
name=form1>
<input type=button value=Назад
onClick="dem(0)">
<input type=button value=Вперед
onClick="dem(1)">
</form>
</html>
......................................................................................
Должно получиться:
