Красивая и простая в установке галерея слайдшоу
На нужную Вам страницу между <head> и </head> ставим код:
Code
<script type="text/javascript">
NewImg = new Array (
"Адрес картинки 1",
"Адрес картинки 1",
"Адрес картинки 3",
"Адрес картинки 4",
"Адрес картинки 5"
);
var ImgNum = 0;
var ImgLength = NewImg.length - 1;
//Time delay between Slides in milliseconds
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>и </ body>
Code
<h1><CENTER>Галерея Слайдшоу - SlideShow</CENTER></h1>
<table border="0" cellpadding="0" cellspacing="0" width="440" id="table1" align="center">
<tr>
<td colspan="3" align="center"><img src="Адрес картинки, с которой будет начинаться показ" name="slideshow"width="70%"><br><br></td>
</tr>
<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>
где, width="70%" - фиксированная длина фоток
или можно задать ширину фоток height="%"
Если у Вас будут фотографии разного размера, то лучше задавать один из параметров!
Ссылки "Назад" "Вперёд", при желании можно заменить на изображения, или создать кнопки!
