Hallo
vielleicht ist jemand so freundlich und mag mir bei meinem Problem helfen. Also um meine Absicht kurz zu erklären.
Ein einfaches Bild. Sobald die Maus drüber fährt soll es sich ändern.
Ist die Maus wieder vom Bild weg erscheint das alte Bild. Aber klickt man nun darauf erscheint ein neues und bleibt unabhängig davon ob die Maus weiter darüber schwebt. Unten der komplette Source.
<html>
<head>
<title>blah</title>
<link rel="stylesheet" media="screen"
type="text/css" href="style.css">
<script type="text/javascript">
<!--
var imgs = new Array("images/tak1.jpg", "images/tak2.jpg",
"images/tak3.jpg");
var takeshi = new Array(imgs.length);
var block = 0;
function loadTakeshi() {
for(i=0; i<3; i++) {
takeshi[i] = new Image();
takeshi[i].src = imgs[i];
}
}
function playTakeshi(step, killflag) {
if (killflag == 0 && block !=1) {
window.document.images[0].src = takeshi[step];
}
else {
block = 1;
window.document.images[0].src = takeshi[2];
}
}
// -->
</script>
</head>
<body onLoad="loadTakeshi();">
<div style="text-align:center;padding-top:15px;">
<a onMouseover="playTakeshi(1,0);"
onMouseout="playTakeshi(0,0);"
onClick="playTakeshi(2,1)">
<img src="images/tak1.jpg" name="Takeshi" height="260"
width="300" alt="Takeshi Kitano from Sonatine">
</a>
<p>
god is away for the time being,<br>
so you may ...<br><br>
</p>
</div>
</body>
</html>