Position von Bildern über document.images

[Thomas]

Hallo,

ich fang gleich mal mit meinem Problem an:
Ich verwende ein Javascript um PNG Grafiken für den IE6 transparent zu machen.

Das geht auch eigentlich ohne große Probleme. Wenn ich allerdings in meinem JS per for-Schleife alle Bilder durch gehe, und jedes in einen <span> Block einschieße um
"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bild.png', sizingMethod='scale');"
anzuwenden, stehe ich vor dem Problem, dass die Bilder nicht mehr an der richtigen Position sind.

Nun zur Frage:

Geht es irgendwie, dass ich in meinem JS auf den CSS-Eintrag margin komme und den dem <span> Tag zuordnen kann?

Gruss Thomas

Bis jetzt sieht das script so aus:

  
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 strNewHTML = "<span " + imgID + imgClass + imgTitle  
     + " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"  
     + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"  
     + "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>";  
     img.outerHTML = strNewHTML;  
  }  
}