<!-- TWO STEPS TO INSTALL : 1. Copy the coding into the HEAD of your HTML document 2. Add the last code into the BODY of your HTML document --> <!-- STEP ONE: Paste this code into the HEAD of your HTML document --> <HEAD> <SCRIPT LANGUAGE="JavaScript"> <!-- var picture=new Array() picture[0]="http://www.americangreetings.com/affiliates/abanners/aglogos/88logo2.gif" picture[1]="http://www.gator.com/images/banners/gator_forms2_88x31.gif" picture[2]="smil.gif" picture[3]="http://www.gator.com/images/banners/gator_passwords_88x31.gif" picture[4]="http://images.about.com/affiliates/homepage/o_homepage_88x31.gif" // the links for each picture var pictureurl=new Array() pictureurl[0]="http://service.bfast.com/bfast/click?bfmid=327627&bfsiteid=31251627&bfpage=ag_com_logos" pictureurl[1]="http://service.bfast.com/bfast/click?bfmid=1307357&siteid=30259592&bfpage=1" pictureurl[2]="http://service.bfast.com/bfast/click?bfmid=19176992&siteid=29936584&bfpage=epdownload" pictureurl[3]="http://service.bfast.com/bfast/click?bfmid=1307357&siteid=30259592&bfpage=1" pictureurl[4]="http://service.bfast.com/bfast/click?bfmid=7279965&siteid=30125004&bfpage=88x31orange" // the targets of the links // accepted values are '_blank' or '_top' or '_parent' or '_self' // or the name of your target-window (for instance 'main') var picturetarget=new Array() picturetarget[0]="_blank" picturetarget[1]="_blank" picturetarget[2]="_blank" picturetarget[3]="_blank" picturetarget[4]="_blank" // horizontal distance from one piture to the the next picture (pixels) var distancepictopic=40 // distance of the scroller to the left margin of the browser-window (pixels) var scrollerleft=100 // distance of the scroller to the top margin of the browser-window (pixels) var scrollertop=40 // width of the scroller (pixels) var scrollerwidth=400 // height of the scroller (pixels) var scrollerheight=61 // speed 1: lower means faster var pause=20 // speed 2: higher means faster var step=2 // do not edit the variables below var fadeimgwidth=60 var fadeimgleftcontent,fadeimgrightcontent var clipleft,clipright,cliptop,clipbottom var i_picture=0 var timer var picturewidth var picturecontent="" function init() { getpicturecontent() fadeimgleftcontent="<img src='fadeimgleft2.gif' width="+fadeimgwidth+" height="+scrollerheight+">" fadeimgrightcontent="<img src='fadeimgright2.gif' width="+fadeimgwidth+" height="+scrollerheight+">" if (document.all) { picturediv.innerHTML=picturecontent fadeimgleft.innerHTML=fadeimgleftcontent fadeimgright.innerHTML=fadeimgrightcontent picturewidth=picturediv.offsetWidth document.all.picturediv.style.posTop=scrollertop document.all.picturediv.style.posLeft=scrollerleft+scrollerwidth document.all.fadeimgleft.style.posTop=scrollertop document.all.fadeimgleft.style.posLeft=scrollerleft document.all.fadeimgright.style.posTop=scrollertop document.all.fadeimgright.style.posLeft=scrollerleft+scrollerwidth-fadeimgwidth clipleft=0 clipright=0 cliptop=0 clipbottom=scrollerheight document.all.picturediv.style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")" scrollpicture() } if (document.layers) { document.picturediv.document.write(picturecontent) document.picturediv.document.close() document.fadeimgleft.document.write(fadeimgleftcontent) document.fadeimgleft.document.close() document.fadeimgright.document.write(fadeimgrightcontent) document.fadeimgright.document.close() picturewidth=document.picturediv.document.width document.picturediv.top=scrollertop document.picturediv.left=scrollerleft+scrollerwidth document.fadeimgleft.top=scrollertop document.fadeimgleft.left=scrollerleft document.fadeimgright.top=scrollertop document.fadeimgright.left=scrollerleft+scrollerwidth-fadeimgwidth document.picturediv.clip.left=0 document.picturediv.clip.right=0 document.picturediv.clip.top=0 document.picturediv.clip.bottom=scrollerheight scrollpicture() } } function scrollpicture() { if (document.all) { if (document.all.picturediv.style.posLeft>=scrollerleft-picturewidth) { document.all.picturediv.style.posLeft-=step clipright+=step if (clipright>scrollerwidth) { clipleft+=step } document.all.picturediv.style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")" var timer=setTimeout("scrollpicture()",pause) } else { resetposition() } } if (document.layers) { if (document.picturediv.left>=scrollerleft-picturewidth) { document.picturediv.left-=step document.picturediv.clip.right+=step if (document.picturediv.clip.right>scrollerwidth) { document.picturediv.clip.left+=step } var timer=setTimeout("scrollpicture()",pause) } else { resetposition() } } } function resetposition() { if (document.all) { document.all.picturediv.style.posLeft=scrollerleft+scrollerwidth clipleft=0 clipright=0 document.all.picturediv.style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")" scrollpicture() } if (document.layers) { document.picturediv.left=scrollerleft+scrollerwidth document.picturediv.clip.left=0 document.picturediv.clip.right=0 scrollpicture() } } function getpicturecontent() { picturecontent="<span style='position:relative'>" for (i=0;i<=picture.length-1;i++) { picturecontent+="<a href="+pictureurl[i]+" target="+picturetarget[i]+">" picturecontent+="<img src='"+picture[i]+"' border=0 hspace="+distancepictopic+" ></a>" } picturecontent+="</span>" } window.onresize=init; // - End of JavaScript - --> </SCRIPT> <STYLE> body{ overflow-x:hidden; overflow-y:scroll; } </STYLE> </HEAD> <BODY> <!-- copyright (i4) --><div align="center"><a href="http://www.ucoz.ru/" title="Создать сайт бесплатно"><img style="margin:0;padding:0;border:0;" alt="Hosted by uCoz" src="http://s201.ucoz.net/img/cp/8.gif" width="80" height="15" title="Hosted by uCoz" /></a><br /></div><!-- /copyright --> </body> <!-- Script Size: ? KB -->
( Dolmetscher ?) 
(Переводчик?)
