Struppi: Bildergalerie mit Lücken

Beitrag lesen

SELF-Forum

Bildergalerie mit Lücken

Struppi Homepage des Autors
– Informationen zu den Bewertungsregeln

irgendwie habe ich das geahnt. Deine Hinweise habe ich jetzt umgesetzt und bin auf folgendes Skript gekommen:

Prima, soweit in Ordnung.

<html>
<head>
<script type="text/javascript">

<!-- Begin

var Bild = new Image();

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

Du brauchst Bild nicht global zu deklarieren, der Ladevorgang wird nicht abgebrochen

Also:
function PictureOpen(img){
var Bild = new Image();
Bild.onload = Show;
Bild.src = img;
}

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 (this.src);
NewWindow.document.write (")' width='");
NewWindow.document.write (this.width);
NewWindow.document.write ("' height='");
NewWindow.document.write (this.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>");

Als Verbesserung (neben dem etwas gräßlichen HTML Code) kann man hier noch die ganze Ausgabe in eine Funktion packen.

NewWindow.document.write (
"<html><head><title>Fotogalerie</title></head>"

  • "<body bgcolor='#fffff1' topmargin=3 leftmargin=1 onLoad='focus()' onBlur='self.close()'>
  • "<form><table align=center cellspacing='0' cellpadding='5' border='0'><tr>"
  • "<td align='center' valign='top' bgcolor='#fffff1'>"
  • "<table border='1' cellpadding='0' cellspacing='1' style='background-image: url("
  • this.src + ")' width='"

...usw.

);

Struppi.

--
http://home.arcor.de/struebig/computer/javascript/index.html
Beitrag melden
–
Informationen zu den Bewertungsregeln