Hallo Leute,
ich habe ein großes Problem mit dem OnMouseOver-Befehl.
Hier erstnmal kurz das Skript:
<html>
<head>
<title>Aufgabe 1</title>
<script language="JavaScript"><!--
function geheZu(oben,unten){
parent.frames[1].location.href= oben + ".htm"; //alternativ:parent.frames[3].href="obenb.htm";
parent.frames[2].location.href= unten + ".htm"; //alternativ:parent.frames[4].href="untenb.htm";
}
function bilderladen() {
//Bilder laden
if (document.images) {
zuan = new Image()
zuan.src="bilder/zuan.gif";
zuah = new Image()
zuah.src="bilder/zuah.gif";
zubn = new Image()
zubn.src="bilder/zubn.gif";
zubh = new Image()
zubh.src="bilder/zubh.gif";
mehrzua = new Image()
mehrzua.src="bilder/mehrzua.gif";
mehrzub = new Image()
mehrzub.src="bilder/mehrzub.gif";
transp = new Image()
transp.src="bilder/transp.gif";
}
}
function bildwechsel(imgnr, austausch) {
if(document.images) {
window.document.images[imgnr].src=austausch.src;
}
}
//-->
</script>
</head>
<body bgColor="000000" onLoad="bilderladen()">
<a href="#" onMouseover="bildwechsel(0,zuah)"
onMouseout="bildwechsel(0,zuan)"
onCLick="geheZu('obena' , 'untena')">
<img src="bilder/zuan.gif" width=100 height=50 alt="" border="0">
</a>
<p>
<a href="#" onMouseover="bildwechsel(1,zubh)"
onMouseout="bildwechsel(1,zubn)"
onClick="geheZu('obenb', 'untenb')">
<img src="bilder/zubn.gif" width=100 height=50 alt="" border="0">
</a>
<a>
<img src="bilder/transp.gif" width=141 height=77 alt="" border="0">
</a>
</body>
</html>
Es läuft alles wunderbar, aber nun will ich euch dazu mal mein Problem erklären:
Ich möchte, dass wenn man auf "zuA" klickt, sich
1. dieses Bild ändert (bis hierhin funktioniert ja alles!) und
2.sich GLEICHZEITIG das bild transp.gif AUCH ändert in ein anderes Bild...
Ich hoffe, mein Problem ist verständlich und irgendwer kann mir helfen... bin am verzweifeln