3 bereiche in einer seite separat scrollen (javascript)

[Murky]

Hallo meine Lieben

folgendes problem: in einer seite möchte ich drei einzelne bereiche jeweils separat horizontal scrollen können.
die bereiche sind soweit eingerichtet, nur scrollen momentan noch alle zusammen, einzeln geht (noch) nicht...
im angehängten zip findet ihr die files. Ich bin ein absoluter Neuling in Javascript, habe aber schon mal das passende Script gefunden und eingesetzt.

danke für die hilfe!
Murky

 

[Mr.Flamel]

Hi Murky,

Das ist eigentlich recht einfach. Du muss nur die Variable "scrollspeed" für jeden Scroller umbenennen.

die Stelle in der designer.html Datei

function initialize(){
if (window.parent.scrollspeed!=0){
speed=window.parent.scrollspeed
scrollwindow()
}
}

so abändern:

function initialize(){
if (window.parent.scrollspeed1!=0){
speed=window.parent.scrollspeed1
scrollwindow()
}
}

Nun noch in der Navigationtest4.html die Stelle:

<tr height="28">
<td width="9" height="28"><a href="#" onMouseover="scrollspeed=1" onMouseout="scrollspeed=0"><img src="Navi-Button1.gif" alt="" width="9" height="28" border="0"></a></td>
<td width="11" height="28"><a href="#" onMouseover="scrollspeed=-1" onMouseout="scrollspeed=0"><img src="Navi-Button2.gif" alt="" width="9" height="28" border="0"></a></td>
<td width="407" height="28">
<iframe id="designer" src="designer.html" align="middle" width=404 height=17 marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=no></iframe>
</td>
</tr>

in

<tr height="28">
<td width="9" height="28"><a href="#" onMouseover="scrollspeed1=1" onMouseout="scrollspeed1=0"><img src="Navi-Button1.gif" alt="" width="9" height="28" border="0"></a></td>
<td width="11" height="28"><a href="#" onMouseover="scrollspeed1=-1" onMouseout="scrollspeed1=0"><img src="Navi-Button2.gif" alt="" width="9" height="28" border="0"></a></td>
<td width="407" height="28">
<iframe id="designer" src="designer.html" align="middle" width=404 height=17 marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=no></iframe>
</td>
</tr>

abändern. Beachte jeweils die "1" hinter der variable "scrollspeed".

Nun sollte der erste Scoller unabhängig laufen. Die anderen Scoller nennst du einfach "scrollspeed2" und "scrollspeed3". Natürlich kannst du auch sprechende Namen verwenden.

Grüße
Frank

 

[Murky]

Wow, krass! Du bist super, danke

Jetzt muss ichs nur noch in die Seite einbauen...

Grüsse, Daniel

 

[Mr.Flamel]

... na dann viel Spass beim Basteln )