Фотогалерея меню - JavaScript
Скрипт фотогалереи на JavaScript
Вставляем ПЕРЕД </head>
В нужное для вас место ставим
Для использования слайд шоу как ссылку на какую либо тему или раздел, можно сделать так
style="max-width:180px; max-height:180px;" - ограничение размера в 180 пикслелей, если изображения большого размера.
Вставляем ПЕРЕД </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>
Поделитесь ссылкой.
HTML код
BBCode
Link
Кто сейчас на конференции
Сейчас этот форум просматривают: нет зарегистрированных пользователей и 0 гостей