ISBN 966-7343-29-5 К.305

УДК 531.0
ББК 22.311
  К.305

Библиотека: скачать готовые скрипты 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>



 

 

Наши ссылки на веб-страницы, можно скопировать html-код ссылки


Книги по математике и физике, программы HTML, компьютерные технологии

Скачать JavaScript - бесплатно скрипты JavaScript (коллекция программ на JavaScript)

   Примечание. Удобная текстовая ссылка для форумов, блогов, цитирования материалов веб-сайта, код html можно скопировать и просто вставить в Ваши веб-страницы при цитировании материалов нашего веб-сайта. Материал носит неофициальный характер и приведен для ознакомления.