tobi: onmouseover Hintergrundbild in anderem Frame wechseln??

Hab meine Page in 4 Frames aufgeteilt. Ich möchte jetzt, dass sich das hintergrundbild in meinem top-left frame ändert wenn ich im left frame über nen Button komm. Ich hab mir das mal so gedacht:

PressedPic = new Image();
for (i=0;i<=8;i++)
{
 PressedPic[i] = new Image();
}

PressedPic[0].src = "...jpg";
PressedPic[1].src = "...jpg";
PressedPic[2].src = "...jpg";
PressedPic[3].src = "...jpg";
PressedPic[4].src = "...jpg";
PressedPic[5].src = "...jpg";
PressedPic[6].src = "...jpg";
PressedPic[7].src = "...jpg";
PressedPic[8].src = "...jpg";

function ChangePic(path)
{
 alert(path.src);  //passt alles, liefert richrigen Pfad
 //hier sollte dann irgendwas hin, dass er das bild wechselt
}

die funktion wird so aufgerufen:

<A target=mainFrame href="Main_frame.htm">
<IMG onmouseover=ChangePic(PressedPic[1])
onmouseout=ChangePic(PressedPic[0]) height=40
 src ="pics/btn.gif" width=80 border=0>
</a>

kann mir da jemand helfen?
danke, tobi

  1. Hallo, <-- sowas nennt man eine Begruessung

    PressedPic = new Image();

    Was soll das? Du meinst wohl 'new Array()'.

    for (i=0;i<=8;i++)
    {
    PressedPic[i] = new Image();
    }

    PressedPic[0].src = "...jpg";
    PressedPic[1].src = "...jpg";
    PressedPic[2].src = "...jpg";
    PressedPic[3].src = "...jpg";
    PressedPic[4].src = "...jpg";
    PressedPic[5].src = "...jpg";
    PressedPic[6].src = "...jpg";
    PressedPic[7].src = "...jpg";
    PressedPic[8].src = "...jpg";

    function ChangePic(path)
    {
    alert(path.src);  //passt alles, liefert richrigen Pfad
    //hier sollte dann irgendwas hin, dass er das bild wechselt
    }

    Warum schaust du nicht mal einfach in die FAQ und in Selfhtml?
    Da steht alles drin:

    http://selfhtml.teamone.de/javascript/objekte/window.htm
    http://selfhtml.teamone.de/javascript/objekte/frames.htm
    http://selfhtml.teamone.de/javascript/objekte/document.htm
    http://selfhtml.teamone.de/javascript/objekte/images.htm

    die funktion wird so aufgerufen:

    <A target=mainFrame href="Main_frame.htm">
    <IMG onmouseover=ChangePic(PressedPic[1])
    onmouseout=ChangePic(PressedPic[0]) height=40
    src ="pics/btn.gif" width=80 border=0>
    </a>

    Du meinst wohl

    <a
      href="Main_frame.htm"
      target="mainFrame"
      onMouseOver="ChangePic(PressedPic[1]);"
      onMouseOut="ChangePic(PressedPic[0]);"
      ><img src="pics/btn.gif" width="80" height="40" border="0"></a>

    Gruesse,
     CK

  2. Hallo,

    Hab meine Page in 4 Frames aufgeteilt. Ich möchte jetzt, dass sich das hintergrundbild in meinem top-left frame ändert wenn ich im left frame über nen Button komm.

    Im left-Frame ablegen:

    if(document.getElementsByTagName)
    {
      parent.frames["name_des_top_left_frames"].document.getElementsByTagName("body")[0].style.backgroundImage="url(neuerhintergrund.jpg)";
    }

    MfG, Thomas

    1. Hi,
      irgendwas läuft da noch falsch, es sieht jetzt so aus:

      function ChangePic(path)
      {
      parent.frames["cornerFrame"].document.getElementsByTagName("cornerBody").style.backgroundImage="path.src";
      }

      passt aber irgendwie nicht,
      Danke, tobi