nicht angemeldet
So, mal sehen was wir da haben...
Die Verweise auf die Bilddateien sollten etwa so aussehen:
<a href="aguar.html" target="_blank" onclick="javascript:MM_openBrWindow('aguar.html', '', 'status=yes, resizable=yes, scrollbars=yes, width=550, height=570'); return false;">
<img src="aguar.jpg" alt="Aguar, ein Bild aus Holz Acryl-Kasein" height="71" hspace="0" width="108" border="0">
</a>
Damit ist sichergestellt, dass die Seiten auch ohne Javascript öffnen. In diesem Fall werden diese in ein neues Standardfenster geladen, ohne feste Größe.
Damit bei Übergröße des Pop-Up-Inhalts Scrollbars erscheinen, sind die Argumente resizeable und scrollbars nötig. Außerdem das CSS-Attribut overflow: auto im Body der zu öffnenden Seite:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Aguar</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="../../../css/ansicht.css">
<style type="text/css">
<!--
body {
background: #ffffff url(../../../grafik_html/higru_ansicht.gif);
margin: 0px;
border: 8px solid;
overflow: auto;
text-align: center;
}
#bildkasten {
height: 450px; width: 550px;
text-align: center;
}
#bild {
margin: 10px;
border: 1px solid;
}
#info {
margin: 10px;
}
-->
</style>
</head>
<body onLoad="self.focus();">
<div id="bildkasten">
<img id="bild" src="aguar.jpg" alt="Aguar, ein Bild aus Holz Acryl-Kasein" width="500" height="330">
<div id="info">Aguar<br>122 x 82 cm<br>Holz Acryl-Kasein</div>
</div>
</body>
</html>