Carmen: PopUp-Fenster mit Bild

Beitrag lesen

Hallo!!!
Ich befasse mich seit kurzem mit JavaScripts und hab deshalb noch nicht wirklich viel Ahnung davon.
Auf meiner Website will ich eine Funktion einrichten mit der beim klicken auf ein Bild (fotolink.gif im Ordner Images), ein neues Fenster mit einem anderen Bild geöffnet wird (adler.jpg im gleichen Ordner, Größe: 300x366).
Ich hab schon einiges probiert. Es funktioniert auch schon soweit, dass sich das Fenster öffnet. Nur leider wird darin das Bild nicht angezeigt.
Wäre nett, wenn wir jemand weiterhelfen könnte oder den Script umschreiben könnte!
Ich kopiere die Seite mal rein:

<html>
<head>
<title>ImagePopUp</title>
</head>
<script>
<!--- Hide script from old browsers
//
function OpenNewWindow(Picture,Breit,Hoch)
{
xsize = Breit+35;// Zusatz für Rand rechts und links
ysize = Hoch+75; //Zusatz für Rand oben und unten - damit Button angezeit werden kann

ScreenWidth = screen.width;
ScreenHeight = screen.height;

xpos = (ScreenWidth/2)-(xsize/2);
ypos = (ScreenHeight/2)-(ysize/2);

NewWindow=window.open("","Picture","height="+ysize+",width="+xsize+",scrollbars=no,resizable=no,top="+ypos+",left="+xpos+"");
 NewWindow.document.write ("<html><head><title>Adler");
 NewWindow.document.write ("</title></head>");
 NewWindow.document.write ("<body bgcolor='#cccccc'>");
 NewWindow.document.write ("<table align='center'><tr>");
 NewWindow.document.write ("<td align='center' valign='top'>");
 NewWindow.document.write ("<table border='1' bgcolor='#000000' cellpadding='0' cellspacing='1'><tr><td align='center'>");
 NewWindow.document.write ("<img src='images/adler.jpg'>");
 NewWindow.document.write (Picture);
 NewWindow.document.write (">");
 NewWindow.document.write ("</tr></table>");
 NewWindow.document.write ("</td></tr><tr>");
 NewWindow.document.write ("<td align='center' valign='bottom'>");
 NewWindow.document.write ("<br><center><form><input type='button' value='FENSTER SCHLIESSEN' style='font-family: Verdana; font-size: 10px' onClick='self.close()'>");
 NewWindow.document.write ("</td></tr></table>");
 NewWindow.document.write ("</form></body></html>");
 NewWindow.document.close();
}

// end hiding from old browsers -->
</script>
<body bgcolor="#0000FF">

<div align="center">
 <table cellpadding="10" cellspacing="0" border="0">
  <tr>
   <td align="center" valign="top">
   <table border="1" bgcolor="#000000" cellspacing="0" cellpadding="2">
    <tr>
     <td align="center"><a href="javascript:OpenNewWindow('gfxu/1.gif',224,218)">
     <img src="images/fotolink.gif" alt="Klick mich und ich werde groß..." border="0" width="40" height="24"></a></td>
    </tr>
   </table>
   </td>
  </tr>
 </table>
</div>
</html>