Andy: Bildergalerie mit Lücken

Beitrag lesen

SELF-Forum

Bildergalerie mit Lücken

Andy Homepage des Autors
– Informationen zu den Bewertungsregeln

Hallo Struppi,

Wie kann ich es erreichen, dass das PopUp Fenster schon
beim ersten Klick in der gewünschten Größe erscheint?

jetzt habe ich eine Lösung:
Anscheinend gibt es für Images kein Onload Event. Das habe ich jetzt heraus gelassen und es scheint zu funktionieren. Hier nun mein Skript:

<html>
<head>
<script>

<!-- Begin

function PictureOpen(img){
Bild = new Image();
Bild.src = (img);
Show(img);
}

function Show(img){
var copy = "© 2004 andy-blackjack.de";
var xsize = Bild.width+50;
var ysize = Bild.height+105;
var ScreenWidth = screen.width;
var ScreenHeight = screen.height;
var xpos = (ScreenWidth/2)-(xsize/2);
var ypos = (ScreenHeight/2)-(ysize/2);
if (ysize>ScreenHeight) ysize=(ScreenHeight-100);
var para = "width="+xsize+",height="+ysize+",left="+xpos+",top=5,scrollbars=1,resizable=1,location=0,directories=0,status=0,menubar=0,toolbar=0";

var NewWindow = window.open("img","Fotogalerie",para);
NewWindow.document.open ()
NewWindow.document.write ("<html><head><title>Fotogalerie</title></head>");
NewWindow.document.write ("<body bgcolor='#fffff1' topmargin=3 leftmargin=1 onLoad='focus()' onBlur='self.close()'>");
NewWindow.document.write ("<form><table align=center cellspacing='0' cellpadding='5' border='0'><tr>");
NewWindow.document.write ("<td align='center' valign='top' bgcolor='#fffff1'>");
NewWindow.document.write ("<table border='1' cellpadding='0' cellspacing='1' style='background-image: url(");
NewWindow.document.write (img);
NewWindow.document.write (")' width='");
NewWindow.document.write (Bild.width);
NewWindow.document.write ("' height='");
NewWindow.document.write (Bild.height);
NewWindow.document.write ("'>");
NewWindow.document.write ("<tr>");
NewWindow.document.write ("<td width='100%' align='right' valign='bottom'><b><font face='Verdana' size='2' color='#F0F0F0'>");
NewWindow.document.write (copy);
NewWindow.document.write ("&nbsp;&nbsp;</font></b></td>");
NewWindow.document.write ("</tr></table>");
NewWindow.document.write ("</td></tr><tr>");
NewWindow.document.write ("<td align='center'>");
NewWindow.document.write ("<table border='0' cellpadding='3' cellspacing='0' width='100%'><tr>");
NewWindow.document.write ("<td width='50%' align='center'><input type='button' value='FENSTER SCHLIESSEN' style='font-family: Verdana; font-size: 11px; width: 150' onClick='self.close()'></td>");
NewWindow.document.write ("</tr></table>");
NewWindow.document.write ("</td></tr></table></form>");
NewWindow.document.write ("</body></html>");
NewWindow.document.close();
NewWindow.resizeTo(xsize,ysize);
return false;
}
// End -->

</script>
</head>
<body>

<p><a href=../bilder/Hintergrund-Beispiel1.jpg onClick="PictureOpen(this.href);return false;" target="_blank"><img src="../bilder/Hintergrund-Beispiel1_kl.jpg" alt="Beispiel 1" border="0" width="154" height="115"></a>

</body>
</html>

Ich kann es mir nicht genauer erklären, aber es funktioniert so wie ich es will. Leider bin ich mit deinem Hinweis auf "this" nicht weitergekommen, anscheinend reicht mein Hirn nicht so weit :-(

Kann ich das Skript oben verwenden, ohne dass ich noch in eine böse Falle tappe?

Vielen Dank und Grüße,
Andreas

Beitrag melden
–
Informationen zu den Bewertungsregeln