Hallo,
ich habe in Anlehnung an die SelfHTMl Beispiele ein per Auswahlliste gesteuerten Bildwechsler gebastelt. Er wird in einem HTML Dokument mit nur einem <img /> angewandt. Leider funktioniert er nicht, obwohl ich mir sicher bin, dass der logische Aufbau korrekt ist. Nun kann es nur noch ein Syntax- oder Verständnisfehler sein. Was mache ich falsch?
Html Datei:
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script language="Javascript" type="text/javascript">
<!--
avatar = new Image();
avatar.src = "pics/portrait.gif"; /* Standardgrafik*/
street = new Image();
street.src = "pics/street.jpg"; /* alternativgrafik*/
function Bildwechsel(Bildobjekt) {
if(Bildobjekt == "nothing") {
document.forms[0].reset();
document.forms[0].elements[0].blur();
return;
}
else{
window.document.images[0].src = Bildobjekt.src;
document.forms[0].reset();
document.forms[0].elements[0].blur();
}
}
-->
</script>
</head>
<body bgcolor="#E4E4E4">
<form action="">
<select size=1 name="Auswahl" onChange="Bildwechsel(this.form.Auswahl.options[this.form.Auswahl.options.selectedIndex].value)"
style="width:250px; background-color:#E4E4E4; font-size:9pt; font-family:Book Antiqua;" width="250">
<option value="nothing">[ Bild wählen! ]</option>
<option value="nothing">------------------------</option>
<option value="nothing">------------------------</option>
<option value="avatar" >------Portrait-----</option>
<option value="street" >Street</option>
</select>
</form>
<img src="pics/portrait.gif" alt="Bild"/>
</body>
</html>