подходящ за банери и изглижда доста прилично изглеждащ.едва ли има нужда от поасниния но се пак си знаете че размерите са в пиксели а колкото по-голямо е числото толкова по голяма е скоростта.
<html>
<head>
<TITLE>PictureScroller with fade-effect</TITLE>
<SCRIPT LANGUAGE="JavaScript">
var picture=new Array()
picture[0]="http://todos.zonebg.com/ads/hardware90x30.gif"
picture[1]="http://moto.zonebg.com/ads/b_m_small.gif"
picture[2]="http://todos.zonebg.com/ads/7.gif"
var pictureurl=new Array()
pictureurl[0]="http://hardware.zonebg.com/"
pictureurl[1]="http://moto.zonebg.com"
pictureurl[2]="http://todos.zonebg.com/cgi-bin/redir/cl.pl?
www.books.bg?aid=todos"
var picturetarget=new Array()
picturetarget[0]="_blank"
picturetarget[1]="_blank"
picturetarget[2]="_blank"
var distancepictopic=20
var scrollerleft=50
var scrollertop=20
var scrollerwidth=200
var scrollerheight=31
var pause=10
var step=3
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='js_img/40_1.gif' width="+fadeimgwidth+" height="+scrollerheight+">"
fadeimgrightcontent="<img src='js_img/40_2.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;
</SCRIPT>
<STYLE>
body{
overflow-x:hidden;
overflow-y:scroll;
}
</STYLE>
</HEAD>
<BODY bgcolor=FFFFFF onLoad="init()">
<DIV ID="picturediv" style="position:absolute;left:-2000px"></DIV>
<DIV ID="fadeimgleft" style="position:absolute;left:-2000px"><img src="js_img/40_1.gif"></DIV>
<DIV ID="fadeimgright" style="position:absolute;left:-2000px"><img src="js_img/40_2.gif"></DIV>
</BODY>
</HTML>
