3 bereiche in einer seite separat scrollen (javascript)

  1. Murky

    Murky Thread StarterMacUser Mitglied

    Mitglied seit:
    08.12.2003
    Beiträge:
    71
    Zustimmungen:
    0
    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
     
    Murky, 25.02.2006
  2. Mr.Flamel

    Mr.FlamelMacUser Mitglied

    Mitglied seit:
    19.05.2004
    Beiträge:
    166
    Zustimmungen:
    78
    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

    HTML:
    function initialize(){
    if (window.parent.scrollspeed!=0){
    speed=window.parent.scrollspeed
    scrollwindow()
    }
    }
    so abändern:

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

    Nun noch in der Navigationtest4.html die Stelle:

    HTML:
    <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

    HTML:
    <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
     
    Mr.Flamel, 25.02.2006
  3. Murky

    Murky Thread StarterMacUser Mitglied

    Mitglied seit:
    08.12.2003
    Beiträge:
    71
    Zustimmungen:
    0
    Wow, krass! Du bist super, danke :)

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

    Grüsse, Daniel
     
    Murky, 25.02.2006
  4. Mr.Flamel

    Mr.FlamelMacUser Mitglied

    Mitglied seit:
    19.05.2004
    Beiträge:
    166
    Zustimmungen:
    78
    ... na dann viel Spass beim Basteln :o)
     
    Mr.Flamel, 25.02.2006
Die Seite wird geladen...