Lutz T.: grafik im neuen fenster

Beitrag lesen

Hallo Wiciyela,

bin gerade dabei eine bastel-hp zu erstellen. bilder von sachen, die ich oder andere gebastelt haben kommen als kleines bild auf die hp, dann möchte ich, daß das bild in einem seperaten fenster geöffnet wird und drunter der button "close", der dann das fenster schließt.

Ich empfehle folgendes:
Lege eine HTML-Datei an die das Bild enthält.
Dann schreibst du unter die Referenzierung für das Bild folgenden Code:
<input type="button" value="Close" onclick="self.close()">

Die fertige Datei rufst du dann einfach per Link auf, der den Ziel-Frame "_blank" hat.

Haben das alle verstanden? Sven?

Viele Grüße

Patrick Canterino

Hallo Ihr zwei,
das Bild soll ja nun bestimmt in ein Fenster ohne Standardschaltflächen oder Addressleiste und das ganze Klimbim.
Würde man aber mit <a href="filename" target="_blank" bekommen.
Außerdem müßte jedes Bild in eine eigene Datei. Mein Vorschlag - mach sowas wie das folgende:

<html><head></head><body>
<SCRIPT language="JavaScript">
function ShowPic(aSrc, aWidth, aHeight, aTitle)
{ picwin=window.open("","PicWindow","width="+aWidth+",height="+aHeight+",menubar=no,locationbar=no,resizable=yes,status=no,scrollbars=no");
  with (picwin.document)
  { open();
    writeln("<html><head><title>"+aTitle+"</title>");
    writeln("<style type='text/css'>a {text-decoration:none;font-weight:bold;font-style:italic;color:#000000;background-color:#C0C0C0}</style>");
    writeln("</head><body leftmargin=0 topmargin=0>");
    writeln("<div style='position:absolute; left:0; top:0;'>");
    writeln("<img src='"+aSrc+"' width="+aWidth+" height="+aHeight+"></div>");
    writeln("<div style='position:absolute; left:0; top:0;'>");
    writeln("<table width="+aWidth+" cellpadding=0 cellspacing=0><tr><td height="+aHeight+" align=right valign=bottom>");
    writeln("<a href='#' onclick='self.close()'>close</a></td></tr></table></div>");
    writeln("</body></html>");
    close();
  }
}
ShowPic("http://selfaktuell.teamone.de/src/xweb.gif", 106, 109, "SELFHTML-Logo");
</SCRIPT>
</body></html>

Gruß Lutz.