3 bereiche in einer seite separat scrollen (javascript)

Diskutiere mit über: 3 bereiche in einer seite separat scrollen (javascript) im Web Page Design Forum

  1. Murky

    Murky Thread Starter MacUser Mitglied

    Beiträge:
    71
    Zustimmungen:
    0
    Registriert 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
    Registriert 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
    Registriert 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
    Registriert seit:
    19.05.2004
    ... na dann viel Spass beim Basteln :o)
     
Die Seite wird geladen...
Ähnliche Themen - bereiche einer seite Forum Datum
automatische Umwandlung einer fla Datei mit Swiffy Web Page Design 30.11.2011
Description einer Seite gleich ins Firefox-Lesezeichen Web Page Design 14.02.2011
Gestaltung einer Website. Ich hänge! Web Page Design 01.06.2009
Problem mit IE beim Überlappen zweier DIV Bereiche Web Page Design 28.03.2008
CSS: Bereiche bei Seitenwechsel nicht neuladen Web Page Design 27.03.2006

Diese Seite empfehlen

Benutzerdefinierte Suche