nicht angemeldet
Ich hab einen Code geschrieben ( HTML und JavaScript ) mit dessen Hilfe eine kleine Bilderübersicht erstellt werden soll. Hierbei sollen zuerst die Bilder verkleinert angezeigt werden. Nachfolgend wird dann zu beginn das erste Bild vergrößert angezeigt. Wenn man nun auf eins der verkleinerten Bilder klickt wird dieses anstatt des ersten vergrößert angezeigt.
Mein Problem ist nun das das ganze im Firefox funktioniert, im IE jedoch nur die kleinen Bilder angezeigt werden.
Ich hoffe ihr könnt mir weiterhelfen! Danke!!
<html>
<head>
<script language="JavaScript">
function anzeigen(img)
{
var cb = 300; // container_breite
var ch = 400; // container_hoehe
document.getElementById("anzeige_container").width = cb;
document.getElementById("anzeige_container").height = ch;
var image = new Image();
image.src = img.src;
var b = image.width;
var h = image.height;
var q = b / h; // seitenverhaeltnis = breite / hoehe
if (q >= 1)
{
q = cb / b;
ch = h * q;
image.width = cb;
image.height = ch;
}
else
{
q = ch / h;
cb = b * q;
image.width = cb;
image.height = ch;
}
document.getElementById("anzeige_container").width = image.width;
document.getElementById("anzeige_container").height = image.height;
document.getElementById("anzeige_container").src = image.src;
}
</script>
</head>
<body leftmargin="0" topmargin="0" onload="javascript:bild = new Image();bild.src='images/box1.jpg';anzeigen(bild)">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="ueber2"> </td>
</tr>
<tr>
<td class="ueber5"><div align="center">Gitterboxen</div></td>
</tr>
<tr>
<td class="ueber2"> </td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="ueber2"> </td>
</tr>
<tr>
<div align="center" style="overflow:auto">
<img onclick="javascript:anzeigen(this)" src="images/box1.jpg" width="50" height="50">
<img onclick="javascript:anzeigen(this)" src="images/box2.jpg" width="50" height="50">
</div>
</tr>
<tr>
<div align="center"
<img id="anzeige_container" width="300" height="400"></div>
</tr>
<tr>
<td class="ueber2"> </td>
</tr>...........
<<< Rest lass ich mal weg, da Standard