Hallo,

ich hänge gerade an dynamischen Bilderwechseln via JavaScript.

Über CSS kann ich es nicht umsetzen, weil ich sonst leere div-Elemente hätte und HTML-Elemente sollen ja nicht leer sein sollen/dürfen.

Ich habe in meiner HTML-Testumgebung erst mal nur eine Grafik eingebunden:

  
<img id="Home" src="../IMG/TextlinkHome0.png" width="66" height="23">  

Eine nach dem vollständigen Laden der Seite aufzuführende JavaScript-Funktion geht dann alle img-Tags durch und soll die Wechsel zuweisen:

  
var imgs = document.getElementsByTagName("img"),  
    x = 0,  
    Anzahl = imgs.length;  
  
for (; x < Anzahl; x++)  
{  
   if (!!imgs[x].id)  
   {  
      imgs[x].onmouseover = function()  
      {  
    ---> src = imgs[x].getAttribute("src"); <---  
  
         alert(src);  
  
         // x.setAttribute("src", img[x].src.replace("0", "1"));  
      }  
  
      imgs[x].onmouseout = function()  
      {  
  
      }  
   }  
}  

Ich verstehe nicht, warum die Fehlerkonsole in der gekennzeichneten Zeile "img[x] is undefined" ausgibt, irgendeine andere beliebige alert-Meldung aber problemlos anzeigt.

Wenn img[x] undefiniert wäre, dann dürfte doch gar nicht erst die bei mouseover zugewiesene Funktion aufgerufen und somit auch keine beliebige alert-Meldung anzeigt werden, oder?

Gruß,
Enrico