Bäumler: Bilder werden mit falschen Abmessungen angezeigt

Beitrag lesen

Hallo allerseits,

ich komme bei einem Problem nicht weiter und hoffe hier die Lösung zu finden:
Ich richte auf der Intranetseite unseres Unternehmens ein Fotoarchiv ein. Dazu lade ich in einen Frame via Indexdatei zwei Dateien: eine mit Auswahlmenü für die Fotoserien und eine die die gewählte Fotoserie anzeigt. Die "Auswahldatei" enthält zusätzlich zwei Schaltflächen zum "Blättern"; bei onClick auf eine der beiden Schaltflächen wird die jeweilige Funktion "next" bzw. "back" in der "Bildanzeigedatei" aufgerufen. Die Funktionen entfernen das Bild aus der "Bildanzeigedatei" und fügen ein neues ein.

Hier das Machwerk:

<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>triathlon02</title>
<meta name="author" content="Bäumler">
<link rel="stylesheet" href="../../css/font.css" type="text/css">
<script type="text/javascript">
<!--
var counter = 2; //erstes Bild wird bereits beim laden angezeigt
var menge = 37; //anzahl der Bilder im Verzeichnis
var path = "../../pix/diashow_triathlon02/"  //Pfad zum Verzeichnis

function next()
{
 if(counter < menge)
     counter++;
 else
     counter = 1;

document.getElementById("absatz").removeChild(nodename=document.getElementById("absatz").firstChild);
 nextpix = new Image();
 nextpix.src = path + counter + ".jpg";
 nextpix.border = 0;
 document.getElementById("absatz").appendChild(nextpix);

window.status = "Bild " + counter + " von " + menge;
}

function back()
{
 if(counter > 1)
     counter--;
 else
     counter = menge;

document.getElementById("absatz").removeChild(nodename=document.getElementById("absatz").firstChild);
 lastpix = new Image();
 lastpix.src = path + counter + ".jpg";
 lastpix.border = 0;
 document.getElementById("absatz").appendChild(lastpix);

window.status = "Bild " + counter + " von " + menge;
}
-->
</script>
</head>
<body topmargin="1" leftmargin="0">
<div align="center" id="absatz"><img src="../../pix/diashow_triathlon02/1.jpg" border="0"></div>
</body>
</html>

Problem ist jetzt folgendes:
Als Firmenstandard ist der IE ab 5.0 eingesetzt und dieser zeigt bei manchen Bilder selbige in einer falschen Größe an. Netscape 6.2 und Mozilla 1.0 machen keine Probleme. Interessanterweise tritt auch noch folgendes auf: Nehmen wir an, Bild 3 wird in einer falschen Größe angezeigt, ersetze ich dieses Bild Nummer 3 durch ein anderes, dann wird dieses andere Bild auch in einer falschen Größe angezeigt.
Jetzt bleibt mir nur die alte Frage: Bug oder Feature?
Oder liegt der Hund im Cache begraben?

Währe schön wenn mir jemand Erleuchtung einhauchen könnte.
Ansonsten müßt ich Fotoserien mit z.T. 500 Bildern via Fotomontage in lauter gleich große Bilder ...

Danke im voraus