Электронная библиотека
Программисту веб-дизайнеру
Другие материалы
Библиотека: скачать готовые скрипты Javascript
Слайд-шоу «ротатор баннеров» с простыми сменами изображений и ссылок
Посмотрите на работу первого скрипта на отдельной веб-странице (персональный компьютер).
При помощи приводимого ниже клиентского сценария - скрипта Javascript - можно организовать слайд-шоу «ротатор баннеров и любых изображений» с простыми сменами изображений и гиперссылками. Классический, простой и часто используемый сценарий.
Обязательно указание команды: <body onLoad="Rotate('linkpic')" >
Выделите мышью приводимый ниже код, скопируйте его (командой Ctrl+C) и вставьте его (командой Ctrl+V) в свою веб-страницу в необходимое место.
<A HREF="javascript:Openner(a)"><img id="linkpic" border=1 SRC="img00001.jpg" ></a>
<script language="javascript">
<!--
one=new Image
one.src="img00001.jpg"
two=new Image
two.src="img00002.jpg"
three=new Image
three.src="img00003.jpg"
four=new Image
four.src="img00004.jpg"
URL=new Array // адреса ссылок
URL[0]="URL-1"
URL[1]="URL-2"
URL[2]="URL-3"
URL[3]="URL-4"
imgID=new Array // продолжите список при увеличении количества картинок
imgID[0]=one.src
imgID[1]=two.src
imgID[2]=three.src
imgID[3]=four.src
var a=0
var b=(URL.length-1)
var pause=3000 // Время показа каждого баннера в мс
function Rotate(imgN) {
if (a==b) { a=0
} else { a++ }
document.images[imgN].src=imgID[a]
window.setTimeout('Rotate("linkpic")',pause); }
function Openner(a) {
NewWindow=window.open("","NewWindow",'width=800,height=600,menubar=yes,scrollbars=yes')
NewWindow.document.location=(URL[a])
}
-->
</script>
Посмотрите на работу второго скрипта на отдельной веб-странице (персональный компьютер).
При помощи приводимого ниже клиентского сценария - скрипта Javascript - можно сделать то же самое: организовать слайд-шоу «ротатор баннеров и любых изображений» с простыми сменами изображений и гиперссылками. Классический, простой и часто используемый сценарий.
Обязательно указание команды: <body onLoad="banners(0)">
Выделите мышью приводимый ниже код, скопируйте его (командой Ctrl+C) и вставьте его (командой Ctrl+V) в свою веб-страницу в необходимое место.
<script language="javascript">
<!--
function banners(i) {
i1 = 0;
sek = 3000;
var picturs;
m = i;
picturs = imgArray[i];
document.images[i1].src = picturs;
i = i + 1;
if (i == imgArray.length) {
i = 0;
}
j = i;
timerID = setTimeout("banners(j)",sek);
}
function hrefs() {
var ssylka;
ssylka = hreArray[m];
hrefsWin = open(ssylka, "_blank");
}
//-->
</script>
<script language="javascript">
<!--
var m;
imgArray = new Array ('img00001.jpg','img00002.jpg','img00003.jpg','img00004.jpg');
hreArray = new Array ('URL-1','URL-2','URL-3','URL-4');
//-->
</script>
<a href="#" onClick="hrefs()"><img border="1" src="img00001.jpg" ></a>