popup fenster soll sich authomatisch an bildgröße anpassen

litterauspirna · 01.12.2008, 12:07

Hallo Leute.

Ich habe nun schon gegoogelt aber nichts gefunden,auch die Boardsuche hier und in anderen Foren hat mir nicht weitergeholfen.

Ich habe Thumbnail Bilder und wenn ich auf die klicke dann öffnet sich ein Popup Fenster mit dem großen Bild dazu. Bei dem momentanen Fenster kann ich die Höhe und Breite von Hand bestimmen im Code. Nur möchte ich das sich die Höhe und Breite des Fensters authomatisch der Größe des Bildes anpassen.

Hier mein momentaner Code

Code:

function bild_open(url) {
windowName = "image";
options  = "";
options += "toolbar=0,";
options += "location=0,";
options += "directories=0,";
options += "status=0,";
options += "menubar=0,";
options += "scrollbars=1,";
options += "resizable=1,";
options += "width=0,";
options += "height=0,";
options += "left=350,";
options += "top=100";
win = window.open(url, windowName , options);
if (!win.opener) {
win.opener = window;
}
};

Und so sieht der Link aus mit dem ich es aufrufe

Code:

<a href=\"javascript:bild_open('bild.php');\">

Meine Frage nun kann mir jemand helfen oder verraten wo ich etwas finde wo sich das Fenster authomatisch der Bildgröße anpasst?

Vielen Dank für eure Antworten mfg der litter

agrajag · 01.12.2008, 12:34

Hi,
du kannst versuchen im Popup die Bildgröße per JavaScript zu ermitteln (oder du übergibst sie einfach als URL-Parameter). Beispielsweise über

Code:

document.getElementById('dein_bild').width

und dann das Popup mit der resizeTo()-Funktion auf diese Größe zu ändern.

Alternativ kannst du dir auch mal eines der vielen "Thickbox" / "Lightbox" scripte anschauen. Die öffnen kein Popup sondern blenden meist einfach einen Layer ein. Da gibt es bestimmt auch welche, die sich an die Bildgröße anpassen.
Und auch einen zusätzlichen Vorteil haben viele dieser Scripte: Das Bild lässt sich auch ohne JavaScript noch betrachten bzw. einfach in einem normalen neuen Fenster öffnen:

Code:

<a href="bild.php' class="img_popup">...</a>

Durch die Klasse "img_popup" wird der Link als "Popup"-Link markiert und per JavaScript wird die benötigte Popup-Funktionalität "nachgerüstet". (Hat jetzt aber nicht direkt was mit deiner eigentlichen Frage zu tun

)

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Daten von einem Popup in das aufrufende Fenster senden	Quest15041983	JavaScript, Ajax und mehr	5	03.10.2008 17:32
popup fenster selber gestalten		HTML, Usability und Barrierefreiheit	2	24.09.2006 13:46
Ergebnis aus Fenster 1 in Fenster 2 übernehmen	HaraDej	HTML, Usability und Barrierefreiheit	2	21.04.2006 14:10
Neues Fenster ï¿½ffnen aber nicht als POPUP	GELight	HTML, Usability und Barrierefreiheit	18	08.03.2006 02:09
Verweis in bestimmtem Fenster öffnen		HTML, Usability und Barrierefreiheit	3	11.02.2006 23:18
[Erledigt] closed()-Abfrage aus beliebigem Fenster		HTML, Usability und Barrierefreiheit	2	16.01.2006 19:01
popup reload	boehseronkel	HTML, Usability und Barrierefreiheit	1	03.08.2005 14:34
Eintrag in ein Input aus einem Popup Fenster veranlassen	Plague	HTML, Usability und Barrierefreiheit	0	08.06.2005 18:23
Popup und normales Fenster wird geöffnet.		HTML, Usability und Barrierefreiheit	7	21.12.2004 19:08
bildgröße automatisch anpassen		PHP Tipps 2004-2	9	10.12.2004 13:39
Bilder in neuem Fenster mit exakt der Bildgröße öffnen		PHP Tipps 2004-2	8	26.11.2004 17:47
Variablen auf POPUP Fenster übertragen mit onload Befehl.		PHP Tipps 2004	5	19.10.2004 13:23
[Erledigt] Popup Fenster...		HTML, Usability und Barrierefreiheit	4	18.10.2004 11:48
PHP + Javaskript Popup Fenster <form> problem		PHP Tipps 2004	2	14.08.2004 14:28
Modales Fenster zur Eingabe von Daten		HTML, Usability und Barrierefreiheit	0	22.06.2004 12:52

01.12.2008, 12:07
litterauspirna Erfahrener Benutzer Registriert seit: 24.04.2008 Beiträge: 3.172 PHP-Kenntnisse: Anfänger	popup fenster soll sich authomatisch an bildgröße anpassen Hallo Leute. Ich habe nun schon gegoogelt aber nichts gefunden,auch die Boardsuche hier und in anderen Foren hat mir nicht weitergeholfen. Ich habe Thumbnail Bilder und wenn ich auf die klicke dann öffnet sich ein Popup Fenster mit dem großen Bild dazu. Bei dem momentanen Fenster kann ich die Höhe und Breite von Hand bestimmen im Code. Nur möchte ich das sich die Höhe und Breite des Fensters authomatisch der Größe des Bildes anpassen. Hier mein momentaner Code Code: function bild_open(url) { windowName = "image"; options = ""; options += "toolbar=0,"; options += "location=0,"; options += "directories=0,"; options += "status=0,"; options += "menubar=0,"; options += "scrollbars=1,"; options += "resizable=1,"; options += "width=0,"; options += "height=0,"; options += "left=350,"; options += "top=100"; win = window.open(url, windowName , options); if (!win.opener) { win.opener = window; } }; Und so sieht der Link aus mit dem ich es aufrufe Code: <a href=\"javascript:bild_open('bild.php');\"> Meine Frage nun kann mir jemand helfen oder verraten wo ich etwas finde wo sich das Fenster authomatisch der Bildgröße anpasst? Vielen Dank für eure Antworten mfg der litter __________________ Aus dem Dynamo Lande kommen wir. Trinken immer reichlich kühles Bier. Und dann sind wir alle voll, die Stimmung ist so toll. Aus dem Dynamo Lande kommen wir. http://www.lit-web.de


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

01.12.2008, 12:34
agrajag Moderator Registriert seit: 02.10.2006 Beiträge: 3.820 PHP-Kenntnisse: Fortgeschritten	Hi, du kannst versuchen im Popup die Bildgröße per JavaScript zu ermitteln (oder du übergibst sie einfach als URL-Parameter). Beispielsweise über Code: document.getElementById('dein_bild').width und dann das Popup mit der resizeTo()-Funktion auf diese Größe zu ändern. Alternativ kannst du dir auch mal eines der vielen "Thickbox" / "Lightbox" scripte anschauen. Die öffnen kein Popup sondern blenden meist einfach einen Layer ein. Da gibt es bestimmt auch welche, die sich an die Bildgröße anpassen. Und auch einen zusätzlichen Vorteil haben viele dieser Scripte: Das Bild lässt sich auch ohne JavaScript noch betrachten bzw. einfach in einem normalen neuen Fenster öffnen: Code: <a href="bild.php' class="img_popup">...</a> Durch die Klasse "img_popup" wird der Link als "Popup"-Link markiert und per JavaScript wird die benötigte Popup-Funktionalität "nachgerüstet". (Hat jetzt aber nicht direkt was mit deiner eigentlichen Frage zu tun )