Страница 1 из 1

Фотогалерея меню - JavaScript

Добавлено: 28 дек 2014, 09:40
Yellowstone
Вставляем ПЕРЕД </head>

Код: Выделить всё

<script type="text/javascript">
NewImg = new Array (
"картинка 1.jpg",
"картинка 2.jpg",
"картинка 3.jpg",
"картинка 4.jpg"
);
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>
В нужное для вас место ставим

Код: Выделить всё

<a href="javascript:chgImg(-1)"><Предыдущая </a> | <a href="javascript:chgImg(1)"> Следующая></a><br /><br />
<img src="картинка 1.jpg" name="slideshow"></a>
Для использования слайд шоу как ссылку на какую либо тему или раздел, можно сделать так

Код: Выделить всё

<a href="javascript:chgImg(-1)"><Предыдущая </a> | <a href="javascript:chgImg(1)"> Следующая></a><br /><br />
<a href="ссылка"><img style="max-width:180px; max-height:180px;" title="всплывающая подсказка" src="картинка 1.jpg" name="slideshow"></a>
style="max-width:180px; max-height:180px;" - ограничение размера в 180 пикслелей, если изображения большого размера.