Wilhelm: switch von zwei bildern bei onMouseover

Beitrag lesen

Hi,

wieder mal die Standardfrage der Woche :-)

dein Code deutet auf Dreamweaver. Der bietet halt in der Grundfunktion keine Moeglichkeit fuer den Wechsel von mehreren Objekten.

Also waere es sinnvoller, den Code mit "Handarbeit" zu kreieren.

Möglichkeit 1 (Reihenfolge der Bilder in der Page)

........
function displ(nr, pic)
{
    if(document.images) document.images[nr].src = eval("pic");
........

<a href="desgn00.htm"
  OnMouseOver="displ(2,'images/on_des.gif');displ(1,'images/d.gif')"
  OnMouseOut="displ(2,'images/off_des.gif');displ(1,'images/hom_text.GIF')"><img src="images/off_des.gif" width=55 height=16 alt="Design/Konzepte/Preise" border="0"></a>

Möglichkeit 2 (über attribut "name")

// ausgeschaltet
mfiroff = new Image(); mfiroff.src = "images/off_uns_fir.gif";
// eingeschaltet
mfiron = new Image(); mfiron.src = "images/on_uns_fir.gif";
function imgOn(imgName)
   {
     if (version == "ns")
            document[imgName].src = eval(imgName +  "on.src");
      //document.layers['navi'].document.images[imgName].src = eval(imgName +  "on.src");
    if (version == "ie")
    document[imgName].src = eval(imgName +  "on.src");      
   }
// Function ausschalten
  function imgOff(imgName)
   {
     if (version == "ns")
           document[imgName].src = eval(imgName +  "off.src");
      //document.layers['navi'].document.images[imgName].src = eval(imgName +  "off.src");
    if (version == "ie")
    document[imgName].src = eval(imgName +  "off.src");      
   }

<tr><td><a class="intern" href="fir_upt4.htm" OnMouseOver="imgOn('upt4');imgOff('upt2')" OnMouseOut="imgOff('upt4');imgOn('upt2')"><img name="upt4" src="images/off_fir_tea.gif" width=180 height=20 alt="Team" border="0"></a></td></tr>

Die Namen der Grafik.src musst DU natuerlich anpassen.

Gruesse
Wilhelm