3 bereiche in einer seite separat scrollen (javascript)

Dieses Thema im Forum "Web Page Design" wurde erstellt von Murky, 25.02.2006.

  1. Murky

    Murky Thread Starter MacUser Mitglied

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

    Mr.Flamel MacUser Mitglied

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

    Murky Thread Starter MacUser Mitglied

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

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

    Grüsse, Daniel
     
  4. Mr.Flamel

    Mr.Flamel MacUser Mitglied

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

Diese Seite empfehlen