Autor Zpráva
drui
Profil *
#1 · Zasláno: 27. 6. 2005, 18:31:54 · Upravil/a: Moderátor (editace znemožněna)
Odpovědět Citovat
Poradíte mi někdo,jak u tohoto skriptu změnit scrollerbgcolor na background,aby se místo barvy dal definovat obrázek ?


<script language="JavaScript1.2">


var scrollerwidth=400 // (1)
var scrollerheight=200 // (2)
var scrollerbgcolor='white' // (3)


var messages=new Array() // (4) Below here
messages[0]="<br><center><img src='logoa.jpg' border='0' height='145' width='134'></center>"
messages[1]="<br><font face='arial' size='2'><center><B></B></center><br></font>"
messages[2]="<font face='arial' size='2'><br></font>"
messages[3]="<font face='arial' size='2'><br></b></font>"
messages[4]="<font face='arial' size='2'><br></font>"

if (messages.length>1)
i=2
else
i=0

function move1(whichlayer){
tlayer=eval(whichlayer)
if (tlayer.top>0&&tlayer.top<=5){
tlayer.top=0
setTimeout("move1(tlayer)",1000)
setTimeout("move2(document.main.document.second)",1000)
return
}
if (tlayer.top>=tlayer.document.height*-1){
tlayer.top-=5
setTimeout("move1(tlayer)",50)
}
else{
tlayer.top=scrollerheight
tlayer.document.write(messages[i])
tlayer.document.close()
if (i==messages.length-1)
i=0
else
i++
}
}

function move2(whichlayer){
tlayer2=eval(whichlayer)
if (tlayer2.top>0&&tlayer2.top<=5){
tlayer2.top=0
setTimeout("move2(tlayer2)",12000)
setTimeout("move1(document.main.document.first)",12000)
return
}
if (tlayer2.top>=tlayer2.document.height*-1){
tlayer2.top-=5
setTimeout("move2(tlayer2)",100)
}
else{
tlayer2.top=scrollerheight
tlayer2.document.write(messages[i])
tlayer2.document.close()
if (i==messages.length-1)
i=0
else
i++
}
}

function move3(whichdiv){
tdiv=eval(whichdiv)
if (tdiv.style.pixelTop>0&&tdiv.style.pixelTop<=5){
tdiv.style.pixelTop=0
setTimeout("move3(tdiv)",12000)
setTimeout("move4(second2)",12000)
return
}
if (tdiv.style.pixelTop>=tdiv.offsetHeight*-1){
tdiv.style.pixelTop-=5
setTimeout("move3(tdiv)",100)
}
else{
tdiv.style.pixelTop=scrollerheight
tdiv.innerHTML=messages[i]
if (i==messages.length-1)
i=0
else
i++
}
}

function move4(whichdiv){
tdiv2=eval(whichdiv)
if (tdiv2.style.pixelTop>0&&tdiv2.style.pixelTop<=5){
tdiv2.style.pixelTop=0
setTimeout("move4(tdiv2)",5000)
setTimeout("move3(first2)",5000)
return
}
if (tdiv2.style.pixelTop>=tdiv2.offsetHeight*-1){
tdiv2.style.pixelTop-=5
setTimeout("move4(second2)",100)
}
else{
tdiv2.style.pixelTop=scrollerheight
tdiv2.innerHTML=messages[i]
if (i==messages.length-1)
i=0
else
i++
}
}

function startscroll(){
if (document.all){
move3(first2)
second2.style.top=scrollerheight
}
else if (document.layers){
move1(document.main.document.first)
document.main.document.second.top=scrollerheight+5
document.main.document.second.visibility='show'
}
}

</script>
</HEAD>

<BODY onload="startscroll();">
<center align="center">
<img src="uvod.jpg" border="0" height="320" width="540">
</center>


<span style="position: absolute; top: 90px; left: 100px">
<table align="left" width="400" height="65"><tr><td></span>
<ilayer id="main" width=&{scrollerwidth}; height=&{scrollerheight}; bgColor=&{scrollerbgcolor};>
<layer id="first" left=0 top=1 width=&{scrollerwidth};>
<script language="JavaScript1.2">
if (document.layers)
document.write(messages[0])
</script>
</layer>
<layer id="second" left=0 top=0 width=&{scrollerwidth}; visibility=hide>
<script language="JavaScript1.2">
if (document.layers)
document.write(messages[1])
</script>
</layer>
</ilayer>

<script language="JavaScript1.2">
if (document.all){
document.writeln('<span id="main2" style="position:relative;width:'+(scrollerwidth+10)+';height:'+scrolle rheight+';overflow:hidden;background-color:'+scrollerbgcolor+'">')
document.writeln('<div style="position:absolute;width:'+scrollerwidth+';height:'+scrollerheig ht+';clip:rect(0 '+scrollerwidth+' '+scrollerheight+' 0);left:0;top:0">')
document.writeln('<div id="first2" style="position:absolute;width:'+scrollerwidth+';left:5;top:1;">')
document.write(messages[0])
document.writeln('</div>')
document.writeln('<div id="second2" style="position:absolute;width:'+scrollerwidth+';left:5;top:1">')
document.write(messages[1])
document.writeln('</div>')
document.writeln('</div>')
document.writeln('</span>')
}
</script>
Fred
Profil
#2 · Zasláno: 27. 6. 2005, 18:48:41
Odpovědět Citovat
Fuj to je ale odporný script, zkus si najít něco jiného, tohle bude nejspíš fungovat jen IE. Změnit to můžeš tady

document.writeln('<span id="main2" style="position:relative;width:'+scrollerwidth+';height:'+scrollerheight+';overflow:hiden;background-image:url('+scrollerbgcolor+')">')
, ale fakt nedoporučuju použít.
Drui
Profil *
#3 · Zasláno: 27. 6. 2005, 18:52:46
Odpovědět Citovat
Fred : kdysi dávno jsem ho kdesi stáhnul.Funguje dobře,ale teď stránky předělávám a ta bílá se mi tam nehodí.Mám i jiné a kratší scripty,tak to zkusím.Díky
Fred
Profil
#4 · Zasláno: 27. 6. 2005, 19:00:42
Odpovědět Citovat
Zkus tenhle http://www.websemantics.co.uk/tutorials/accessible_vertical_scroller/ je to dobře napsáno, je to přístupné a dá se to hlavně vypnout.
drui
Profil *
#5 · Zasláno: 27. 6. 2005, 19:21:36
Odpovědět Citovat
Díky,vypada dobre.Mam jeden podobny,ale zkusím ho.Dík
drui
Profil *
#6 · Zasláno: 27. 6. 2005, 19:25:11
Odpovědět Citovat
Ale nejde to stáhnout :o(
Fred
Profil
#7 · Zasláno: 27. 6. 2005, 21:02:28
Odpovědět Citovat
Nech si zobrazit zdrojový kód , udělej si nový prázdný html soubor a okopíruj si styl co je ve zdrojáku, javascript co je ve zdrojáku a obsah mezi <div id="board"> a ukončovacím divem je tam komentář <!-- id="board" --> . Pak jen ve scriptu přepiš poslední řádek addLoadEvent(initScroller) na window.onload=initScroller; , i když tak to bylo lepší, ale to by jsi si musel stáhnout i ten addEvent script.
Časová prodleva: 19 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0