Слайд-шоу «ротатор баннеров» с простыми сменами изображений и ссылок Посмотрите на работу первого скрипта на отдельной веб-странице. (кликай по правой мыши - открыть ссылку в новой вкладке) При помощи приводимого ниже клиентского сценария — скрипта 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>
Источник: http://www.mat.net.ua/computer/java-script/java-script-0506.htm |