nicht angemeldet
Wenn Du das noch löst, bist Du heute mein Gott.... ;-)
Nur heute? - Naja, von mir aus.
Sagen wir, ich hab's komplett umgeschrieben:
--------------------------------------------
<html>
<head>
<title>Thumbnail-Vorschau</title>
<style type="text/css">
<!--
body,select,option,input{ font-family:"Courier New",monospace; font-size:10pt; vertical-align:middle; }
th { font-family:Tahoma,sans-serif; font-size:10pt; text-weight:bold; text-align:left; }
//-->
</style>
<script type="text/javascript" language="JavaScript">
<!--
function reload_thumbnail()
{
document.thumbnail.src = form.BlockGrafik.value
document.thumbnail.width = Math.round(document.original.width/parseFloat(document.form.zoomfaktor.value));
document.thumbnail.height = Math.round(document.original.height/parseFloat(document.form.zoomfaktor.value));
document.form.original_width.value = document.original.width + " px";
document.form.original_height.value = document.original.height + " px";
document.form.thumbnail_width.value = document.thumbnail.width + " px";
document.form.thumbnail_height.value = document.thumbnail.height + " px";
}
function reload_original()
{
document.original.src = form.BlockGrafik.value;
window.setTimeout("reload_thumbnail()",100);
}
//-->
</script>
</head>
<body onLoad="reload_original()">
<form name="form">
<table border="1">
<tr>
<th colspan="2">
Thumbnail-Vorschau von
<select name="BlockGrafik" onChange="reload_original()">
<option value="bild1.gif">Bild 1</option>
<option value="bild2.gif">Bild 2</option>
<option value="bild3.gif">Bild 3</option>
</select>
</th>
</tr>
<tr>
<td>Originalgröße:</td>
<td align="center"><input name="original_width" size="7"> x <input name="original_height" size="7"></td>
</tr>
<tr>
<td>Anzeigegröße:</td>
<td align="center"><input name="thumbnail_width" size="7"> x <input name="thumbnail_height" size="7"></td>
</tr>
<tr>
<td>Zoomfaktor:</td>
<td align="center">
1:<select name="zoomfaktor" onChange="reload_original()">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5" selected>5</option>
</select>
</td>
</tr>
<tr>
<td colspan="2" align="center">
<script type="text/javascript" language="JavaScript">
<!--
document.write("<img src="" + form.BlockGrafik.value + "" alt="" name="original" style="position:absolute; left:-2000px; top:-2000px; visibility:hidden;">");
document.write("<img src="" + form.BlockGrafik.value + "" alt="" name="thumbnail">");
//-->
</script>
</td>
</tr>
</table>
</form>
</body>
</html>
Nimm raus was du nicht brauchst, mein Schäfchen ;-)
Gruß
Norbert