PopUp Fenster in Bildgrösse öffnen

Stine

Im Head Bereich einfügen:

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:

<script language="JavaScript">
<!--
function Anzeige(Bild, Titel, Breite, Hoehe, Fenster_h, Fenster_b)
{
var Fenster_Hoehe = Hoehe;
var Fenster_Breite = Breite;
Optionen = 'toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0,height='+Fenster_h+',width='+Fenster_b+',screenX=200,screenY=50,left=20,top=20';
neues_Fenster = window.open('about:blank','',Optionen);
with (neues_Fenster)
{
document.writeln('<HTML><HEAD><TITLE>' + Titel + '</TITLE></HEAD>');
document.writeln('<BODY LEFTMARGIN="0" TOPMARGIN="0" RIGHTMARGIN="0" BOTTOMMARGIN="0" BGCOLOR="#FFFFFF" TEXT="#000000">');
document.writeln('<IMG SRC="'+Bild+'" WIDTH='+Breite+' HEIGHT='+Hoehe+' BORDER=0 ALT="'+Titel+'"></TD>');
document.writeln('</BODY></HTML>');
}
}
//-->
</script>

Erstelle ein kleines Bild und füge dieses als <img src="sonnenblumesmall.jpg" width="168" height="288" border="0" alt=""> wie im Beispiel, ein.

B e i s p i e l:
Im Body Bereich einfügen:

code:
1:	<a href="javascript:Anzeige('sonnenblume.jpg','Stines Webmaster-Page',268,460,460,268)"><img src="sonnenblumesmall.jpg" width="168" height="288" border="0" alt=""></a>

Die Werte 268,460,460,268 (Breite,Höhe.Höhe,Breite) ist die Grösse vom grossen Bild.

Statt des Bildes kann man auch einen Textlink eingeben:

code:
1:	<a href="javascript:Anzeige('sonnenblume.jpg','Stines Webmaster-Page',268,460,460,268)">Sonnenblume</a>

Und so schaut das Beispiel dann aus: Beispiel

Quelle: Stines Webmaster-Page