Position von Bildern über document.images

[Thomas]

Danke für deine Antwort. Komme aber immer noch nicht richtig weiter. Wie kann ich dem span Element jetzt die Werte mitgeben? Ich hab mal was gemacht. Aber das funktioniert immer noch nicht. Keine Ahnung woran das liegen könnte. Irgendwelche Vorschläge??

Hier nochmal das (verbesserte?) Skript...

  
for(var i=0; i<document.images.length; i++)  
{  
   var img = document.images[i];  
   var imgName = img.src.toUpperCase();  
   if (imgName.substring(imgName.length-3, imgName.length) == "PNG")  
   {  
      var imgID = (img.id) ? "id='" + img.id + "' " : "";  
      var imgClass = (img.className) ? "class='" + img.className + "' " : "";  
      var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' ";  
      var imgStyle = "display:inline-block;" + img.style.cssText;  
      var imgMarginTop = img.style.marginTop;  
      var imgMarginRight = img.style.marginRight;  
      var imgMarginBottom = img.style.marginBottom;  
      var imgMarginLeft = img.style.marginLeft;  
      var strNewHTML = "<span " + imgID + imgClass + imgTitle  
      + " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"  
      + " margin:" + imgMarginTop + "px " + imgMarginRight + "px " + imgMarginBottom + "px " + imgMarginLeft + "px;"  
      + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"  
      + "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>";  
      img.outerHTML = strNewHTML;  
      i = i -1;  
   }  
}