https://www.waldthurn.de/public/bildoeffner.js

1// *************************************
2// Skript zum Bilderanzeigen
3// *************************************
4// Erstellt eine temporäre HTML-Datei - 
5// so muss nur das Bild angegeben werden
6// *************************************
7
8function imageView(bild, beschreibung, weite, hoehe)        
9{
10 // Fensterhöhe für Beschreibung (unter Bild) anpassen
11 var descHoehe = hoehe + 60;
12
13 // Variablen füllen
14 var posi_links = screen.availWidth / 2-(weite/2);
15 var posi_oben = screen.availHeight / 2-(hoehe/2);
16 parameterListe = ('width='+ weite +',height='+ descHoehe +',left='+ posi_links +',top='+ posi_oben +',directories=0,location=0,menubar=0,personalbar=0,toolbar=0,status=0,scrollbars=0,resizable=0');
17
18 // Temp. HTML-Seite erzeugen
19 fenster = window.open("",'tmpFile',parameterListe);
20 
21 // HTML-Inhalt in die Datei schreiben (das kannst du auch anpassen)
22 with (fenster.document) {
23		open();
24		write("<html>");
25		write("<head>");
26		write("<title>Bildanzeige: " + beschreibung + "</title>");
27		write("<style type='text/css'>");
28		write("  body {font-size:13px; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px }");
29		write(" .txtNormal {font-size:13px; color: #FFFFFF; font-family:Calibri, Tahoma, Verdana, Arial, Helvetica, sans-serif}");
30		write(" .txtKlein {font-size:11px; color: #FFFFFF; font-family:Calibri, Tahoma, Verdana, Arial, Helvetica, sans-serif}");
31		write(" a:link { font-family: Calibri, Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none;}");
32		write(" a:visited { font-family: Calibri, Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none;}");
33		write(" a:hover { font-family: Calibri, Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none;}");
34		write(" a:active { font-family: Calibri, Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none;}");
35		write("</style>");
36		write("</head>");
37		
38		// Hintergrund schwarz mit Lade-Bild
39		write("<body onLoad=self.focus() marginwidth='0' marginheight='0' leftmargin='0' topmargin='" + descHoehe + "' bgcolor='#000000' text='#000000' background='/images/loading.jpg'>");
40		
41		// Bild anzeigen
42		write("<div align='center'>");
43		write("<span class='txtNormal'><b>" + beschreibung + "</b><br>");
44		write("<a href='javascript:self.close()'><img src='" + bild + "' width='" + weite + "' height='" + hoehe + "' border='0' title='" + beschreibung + "'></a><br>");
45		
46		// Beschreibung unter Bild anzeigen
47		write("<span class='txtKlein'><a href='javascript:self.close()'>Klicken Sie auf das Bild um dieses Fenster zu schlie&szlig;en</a></span>"); 
48		write("</span>"); 
49		
50		write("</div>");
51		write("</body>");
52		write("</html>");		
53		close();
54	}
55
56 // HTML-Seite mit Bild anpassen
57 //window.fenster.resizeTo(weite,descHoehe);
58}