Ich möchte auf meiner Webseite kleine Bilder darstellen und diese per MouseOver vergrößert als PopUp anzeigen lassen und wieder automatisch schließen lassen.
Das die Bilder größer in einem PopUp dargestellt werden, habe ich schon hinbekommen.
Mein verwendeter Code:
<html>
<head>
<title>Test</title>
<script type="text/javascript">
function FensterOeffnen (Adresse) {
Fenster1 = window.open(Adresse, "Zweitfenster", "width=316,height=416,left=100,top=200");
Fenster1.focus();
}
</script>
</head>
<body>
<p>
<a href="bild_gross.jpg" onMouseOver="FensterOeffnen(this.href); return false">
<img src="bild_klein.jpg" width="90" height="120" alt="">
</a>
</p>
</body>
</html>
Wenn ich mit der Maus über "bild_klein.jpg" fahre, öffnet sich ein PopUp und "bild_gross.jpg" wird angezeigt.
Wie kann ich diesen PopUp automatisch schließen lassen, wenn ich mit der Maus von dem kleinen Bild wieder runter gehe?
Ich danke im Voraus für Hilfe