nicht angemeldet
PopUp-Fenster mit Bild
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>
-
Hallo Carmen,
es scheint mir sinnvoller, die Seite, die Du über JS versuchst zu generieren, auf den Server zu legen und der open Funktion den Link auf diese mitzugeben.
Gruß
Eidgenosse
-
Nun ja, so hatte ich das bisher auch gelöst, aber ich will eben dafür keine komplette Seite einrichten, sondern nur ein Fenster in Bildgröße oder geringfügig größer.
-