Auf meiner Website befinden sich ziemlich viele Bilder. Ich möchte, dass der Benutzer mit einem Click auf ein Thumbnail das Bild in Originalgrösse zu sehen bekommt und zwar in einem neuen Fenster, das sich zentriert öffnet.
Das ganze soll für mich einfach sein und deshalb möchte ich nicht für jedes Bild zwei Variablen mit width- und height-Werten mitgeben. Javascript soll die Grösse ermitteln.
Was ich bisher erreicht habe funktioniert nur "auf den zweiten Click" (wenn das Bild schon mal geladen wurde). Wo steckt denn der Fehler? Wer kann mir helfen?
Hier ist der Code:
<script language="javascript" type="text/javascript">
<!---
function Popup(picNr,picTitle){
picName = picNr;
var picName = new Image();
picName.src = "../pictures/" + picNr + ".jpg";
xpos = (screen.width/2)-(+picName.width/2);
ypos = (screen.height/2)-(+picName.height/2);
picURL=picName.src;
newWindow=window.open(picURL,'newWin','toolbar=no,top='+ypos+',left='+xpos+',width='+picName.width+',height='+picName.height);
newWindow.document.write('<html><head><title>'+picTitle+'</title></head><body background="'+picURL+'" leftmargin="0" marginheight="0" marginwidth="0" topmargin="0"></body></html>');
newWindow.resizeBy(picName.width-newWindow.document.body.clientWidth,picName.height-newWindow.document.body.clientHeight);
newWindow.focus();
}
//-->
</script>