nicht angemeldet
Bilder in eigenem Fenster positionieren
Hallo,
ich bin gerade dabei eine Galerie für eine Homepage zu erstellen.
Nun habe ich folgendes Problem: Wenn man auf einen verlinkten Thumbnail in der Galerie klickt, öffnet sich das eigentliche (große) Bild in einem eigenen PopUp-Fenster. Das funktioniert via Javascript-Funktion auch wunderbar. Allerdings ist das Bild innerhalb seines Fensters verschoben. Obwohl die definierte Fenstergröße exakt mit der Bildgröße übereinstimmt, paßt der Browser das Bild nicht an diese an. Oben und links bleibt ein weißer Rand.
Ich weiß nicht, ob das Problem nur mit dem IE besteht. Mit Netscape habe ich es noch nicht getestet.
Wie positioniere ich das Bild ohne Ränder das Zentrum des Fensters (ohne eine eigene html-Datei für jedes Bild erstellen zu müssen)? Kann mir da jemand helfen?
Ich hab' folgendes Script verwendet:
<script language="JavaScript">
<!--
function na_open_window(name, url, left, top, width, height, toolbar, menubar, statusbar, scrollbar, resizable)
{
toolbar_str = toolbar ? 'yes' : 'no';
menubar_str = menubar ? 'yes' : 'no';
statusbar_str = statusbar ? 'yes' : 'no';
scrollbar_str = scrollbar ? 'yes' : 'no';
resizable_str = resizable ? 'yes' : 'no';
window.open(url, name, 'left='+left+',top='+top+',width='+width+',height='+height+',toolbar='+toolbar_str+',menubar='+menubar_str+',status='+statusbar_str+',scrollbars='+scrollbar_str+',resizable='+resizable_str);
}
// -->
</script>
<a href="javascript:na_open_window('name', 'gallery/*.jpg', 50, 50, 500, 261, 0, 0, 0, 0, 0)"><img src="gallery/thumbnails/*.jpg" width="100" height="52" border="0"></a>