Hat keiner eine Idee von euch?
Ja,
Diese folgende Datei heißt OpenNewWindow.js
// BILD IN NEUEM ZENTRIERTEN FENSTER ÖFFNEN
function OpenNewWindow(Picture,Breit,Hoch)
{
xsize = Breit+40;// Zusatz für Rand rechts und links
ysize = Hoch+100; //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>GROSSBILDANZEIGE");
NewWindow.document.write ("</title>");
NewWindow.document.write ("</head>");
NewWindow.document.write ("<body leftmargin='0' topmargin='0' marginwidth='0' marginheight='0' bgcolor='#000000' onload='focus()' onClick='self.close()'>");
NewWindow.document.write ("<table align='center' border='0' height='100%' width='100%'><tr>");
NewWindow.document.write ("<td align='center' valign='middle' width='100%'>");
NewWindow.document.write ("<table border='0' bgcolor='#000000' cellpadding='0' cellspacing='1'><tr><td align='center'>");
NewWindow.document.write ("<img src=");
NewWindow.document.write (Picture);
NewWindow.document.write (" border='0'");
NewWindow.document.write (" onClick='self.close()'>");
NewWindow.document.write ("</td></tr></table>");
NewWindow.document.write ("</td></tr><tr>");
NewWindow.document.write ("<td align='center' valign='top'>");
NewWindow.document.write ("<center><form> <input name="button" style="font-family: Verdana; font-size: 10px" type="button" onClick="javascript:self.print();" value="Drucken"> <input type='button' value='FENSTER SCHLIESSEN' style='font-family: Verdana; font-size: 10px' onClick='self.close()'>");
NewWindow.document.write ("</form></td></tr></table>");
NewWindow.document.write ("</body></html>");
NewWindow.document.close();
NewWindow.resizeTo(xsize,ysize);
}
// end hiding from old browsers -->
Und hier der Aufruf aus deinem HTML (Galerie)-File:
<!-- Hier erst mal das Scipt mit einbinden -->
<script language="JavaScript" src="/php/OpenNewWindow.js" type="text/javascript"></script>
<a href="bildverzeichnis/bild.jpg" onClick="OpenNewWindow(this.href,500,300);return false;" target="_blank"><IMG alt="Hier der Alternativ-Text" src="bildverzeichnis/bild.jpg" border="0"></A>
usw....
Wichtig: Wenn einer kein JS aktiviert hat, funktioniert trotzdem noch der Link. Dann wird das Bild in nem neuen Fenster geöffnet. Diese Beispiel wäre jetzt 300px breit und 500px hoch. Ich hab alle meine Bilder auf 300x500 bzw. 500x300 gemacht und dann beide Seitenlängen des neuen Fensters gleich groß gemacht (500x500). Ist einfacher, dann die Galerie zu bauen....
So. Normalerweise baut man hier solche Script selbst, aber warum das Rad täglich neu erfinden!
Ach noch was. Das Script schließt das Fenster auch dann, wenn Du einfach aufs Bild klickst!
Greets Tom1tk