Supportnet / Forum / Webseiten/HTML
neues Fenster öffnen in bestimmter Größe
Frage
Hallo Ihr Lieben,
da ich sehr faul bin und keine Lust habe in den Büchern zu suchen, dachte ich mir frag ich Euch mal.
Ich bin im Moment an der gestaltung einer Webseite. Hier soll eine Photogalerie eingerichtet werden.
Die Bilder sollen nicht zu lange zum laden benötigen. Da dachte ich mir Machste kleine Bilder auf die Seite und bei Bedarf kann der User das jeweilige Bild welches er gr. ansehen möchte anklicken ... und flugs öffnet sich ein neues Fenster, in der gr. des vergrößerten Bildes.
Hab ich da schon falsch gedacht.
Müßte doch klappen.
So, jetzt kommt mein Problem:
Ich finde den Befehl nicht welches ein neues Fenster öffnet.
und wo setzt ihn ein und was muß ich bei der Fenstergröße beachten.
Buuuh, bißchen viel auf einmal.
Ich weiß wohl das das mit windows.open und windows.close (wie bei delphi) irgendwie ist.
Aber so ganz krieg ich das nicht hin.
Danke schon mal im voraus
Gruss marlenchen
Antwort 1 von Shorty
Diese Version ist etwas umständlich. Bringt dir aber das gewünschte Ergebnis.
Schreibe folgendes Script in die Seite mit den Thumbnails deiner Bilder.
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
function neuesfenster()
{
top.name = "main";
var popupURL = "Hier die URL zum Bild eintragen";
var popup = window.open(popupURL,"neuesfenster",toolbar=1,location=1,directories=1,status=1,menubar=1,
scrollbars=1,resizable=1,width=640,height=480,left=10,top=10);
// set the opener if its not already set. its set automatically
// in netscape 3.0+ and ie 3.0+.
if( navigator.appName.substring(0,8) == "Netscape" )
{
popup.location = popupURL;
popup.opener = self;
}
}//-->
</SCRIPT>
Kurze Erklärung dazu:
Deine Ziel URL muß hier eingetragen wernen. Also das Bild, welches Du so öffnen willst.
Width und Height geben die Fenstergröße an. Die ganzen einzen hinter z.B. scrollbar geben an, ob diese funktion möglich ist, oder ob sie angezeigt werden sollen (1=Ja, 0=nein).
Du brauchst für jedes Bild einen neues Script. Du brauchst dazu nur aus: "function neuesfenster()"
folgendes zu machen:
"function neuesfensterX()"
Wobei X durch eine Zahl zu ersetzen ist.
Den eigentlichen Link musst Du folgender massen aufbauen:
<A HREF="URL der eigenen Seite" onclick="neuesfenster()"><IMG SRC="thumbnail.jpg" BORDER="0"></A>
URL der eigenen Seite sollte so sein, damit die Seite mit den Thumbnails sich hier wieder öffnet, und man sonst von dort weg wäre.
"thumbnail.jpg" ist das Thumbnail des Bildes. Musst Du auch ersetzen.
WICHTIG: Die Funktion:
onclick="neuesfenster()" muss für jedes Thumbnail neu eingesetzt werden. deshalb auch die Nummern vorher. Also so:
onclick="neuesfensterX()"
Wobei X die Nummer ist.
Einfacher geht es übrigens so.
<A HREF="URL des Bildes" TARGET="_BLANK"><IMG SRC="thumbnail.jpg" BORDER="0"></A>
Bei dieser Version öffnet sich einfach ein neues Fenster. Die Größe ist aber nicht definierbar (Glaube ich).
So genug geschrieben. Viel Erfolg.
MFG Shorty
Schreibe folgendes Script in die Seite mit den Thumbnails deiner Bilder.
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
function neuesfenster()
{
top.name = "main";
var popupURL = "Hier die URL zum Bild eintragen";
var popup = window.open(popupURL,"neuesfenster",toolbar=1,location=1,directories=1,status=1,menubar=1,
scrollbars=1,resizable=1,width=640,height=480,left=10,top=10);
// set the opener if its not already set. its set automatically
// in netscape 3.0+ and ie 3.0+.
if( navigator.appName.substring(0,8) == "Netscape" )
{
popup.location = popupURL;
popup.opener = self;
}
}//-->
</SCRIPT>
Kurze Erklärung dazu:
Deine Ziel URL muß hier eingetragen wernen. Also das Bild, welches Du so öffnen willst.
Width und Height geben die Fenstergröße an. Die ganzen einzen hinter z.B. scrollbar geben an, ob diese funktion möglich ist, oder ob sie angezeigt werden sollen (1=Ja, 0=nein).
Du brauchst für jedes Bild einen neues Script. Du brauchst dazu nur aus: "function neuesfenster()"
folgendes zu machen:
"function neuesfensterX()"
Wobei X durch eine Zahl zu ersetzen ist.
Den eigentlichen Link musst Du folgender massen aufbauen:
<A HREF="URL der eigenen Seite" onclick="neuesfenster()"><IMG SRC="thumbnail.jpg" BORDER="0"></A>
URL der eigenen Seite sollte so sein, damit die Seite mit den Thumbnails sich hier wieder öffnet, und man sonst von dort weg wäre.
"thumbnail.jpg" ist das Thumbnail des Bildes. Musst Du auch ersetzen.
WICHTIG: Die Funktion:
onclick="neuesfenster()" muss für jedes Thumbnail neu eingesetzt werden. deshalb auch die Nummern vorher. Also so:
onclick="neuesfensterX()"
Wobei X die Nummer ist.
Einfacher geht es übrigens so.
<A HREF="URL des Bildes" TARGET="_BLANK"><IMG SRC="thumbnail.jpg" BORDER="0"></A>
Bei dieser Version öffnet sich einfach ein neues Fenster. Die Größe ist aber nicht definierbar (Glaube ich).
So genug geschrieben. Viel Erfolg.
MFG Shorty
Antwort 2 von marlenchen
Danke Shorty,
ich werde es ausprobieren.
Gruss
marlenchen
ich werde es ausprobieren.
Gruss
marlenchen