Галерея Слайдшоу - SlideShow

Для того, чтобы организовать на своем сайте показ фотографий с определенным интервалом времени - типа Слайдшоу, необходимо использовать скрипт, например, вот этот:

<script type="text/javascript">
var interval=5 //интервал в секундах
var img, n=0
var imgsrc=['photo.jpg','photo2.jpg','photo3.jpg','photo4.jpg','photo5.jpg']

function start(){
setInterval(show, interval*1000)
}

function show(){
if(!img)img=document.getElementById('slideshow');
img.src=imgsrc[n++];
if(n>=imgsrc.length) n=0;
}
</script>

1. В переменной interval впишите интервал в секундах
2. В переменной (массиве) imgsrc в кавычках через запятую перечислите ссылки на показываемые изображения.

Скрипт поместите в заголовок страницы, между тегами HEAD:

Тэгу body задайте атрибут onload:

<body onload='start()'>

В нужное место на html-странице установите тег img указывающий на первую в списке картинку, картинку нужно обязательно "пометить" ИДентификатором:

<img alt="" id=slideshow src="photo.jpg">

Смотрим на результат

Данный скрипт опубликовал на одном из форумов, некто Посторонним В.


Вернуться



Hosted by uCoz