Bilder dynamisch im GLEICHEN PopUp-Fenster Ã¶ffnen

mercurio · 30.06.2005, 11:38

Hi Leute,

habe mal ein Anliegen, fÃ¼r das ich bis jetzt keine LÃ¶sung gefunden habe:

Auf meiner Seite habe ich mehrere Thumbnails. Bei einem Klick darauf soll sich ein PopUp-Fenster Ã¶ffnen, das ein grÃ¶ÃŸeres Bild enthÃ¤lt.

Soweit so gut, nun zu den Schwierigkeiten:

1. ist das PopUp-Fenster (durch Klicken eines Thumbnails) bereits geÃ¶ffnet, so soll beim Klicken eines weiteren Thumbnails das selbe PopUp-Fenster benutzt werden, also kein weiteres geÃ¶ffnet werden.

2. das PopUp-Fenster soll sich (irgendwie per getimagesize() oder so) die GrÃ¶ÃŸe des Bildes holen und das Fenster entsprechend dimensionieren.

3. NatÃ¼rlich mÃ¶chte ich nicht fÃ¼r jedes Bild eine extra PHP- oder HTML-Datei anlegen, sondern nur eine. Welches Bild angezeigt wird, muss also per Ãœbergabe vom Thumbnail-Link passieren.

Ich bin sicher, dass man das ganze per PHP und JS realisieren kann, komme nur leider nicht drauf wie.

WÃ¼rde mich freuen, wenn mir jemand helfen kann.

robo47 · 30.06.2005, 11:57

hast du vieleicht irgendwelche ansätze ?
abgesehen davon, die Sonderzeichen sind ja grauenhaft, wo hast du das den rauskopiert ?

scooter · 30.06.2005, 14:38

Also... Ich habe nen ähnliches Problem. Das mit dem Windows resizen usw. kann man mit folgendem JS lösen:

Code:

<script>
<!--  
  bild= new Image();
  bild.src=("Bildadresse");
  xsize = bild.width; 					//hier die Breite des neuen Fensters
  ysize = bild.height; 					//hier die Hoehe des neuen Fensters
  ScreenWidth = screen.width;
  ScreenHeight = screen.height;
  xpos = (ScreenWidth/2)-(xsize/2);		//hier befindet sich die Positionsangabe
  ypos = (ScreenHeight/2)-(ysize/2);		//hier befindet sich die Positionsangabe

 function OpenIt() { 
       if (window.moveTo)  window.moveTo(xpos,ypos); 
       if (window.resizeTo)  window.resizeTo(xsize,ysize); 
    } 
//-->
</script>

Das muss so eingebunden werden:

Code:

<body onload="javascript:OpenIt()">

Das mit den Bildern machst du am Besten, in dem ne extra show.php anlegst, i der du die Variable für das Bild via $_get über gibts:

PHP-Code:

 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

 
<html>

 
    <head>

    <script>

<!--  

  bild= new Image();

  bild.src=("../redaktion/bilder/<? echo $bild; ?>");

  xsize = bild.width;                     //hier die Breite des neuen Fensters

  ysize = bild.height;                     //hier die Hoehe des neuen Fensters

  ScreenWidth = screen.width;

  ScreenHeight = screen.height;

  xpos = (ScreenWidth/2)-(xsize/2);        //hier befindet sich die Positionsangabe

  ypos = (ScreenHeight/2)-(ysize/2);        //hier befindet sich die Positionsangabe

 
 function OpenIt() { 

       if (window.moveTo)  window.moveTo(xpos,ypos); 

       if (window.resizeTo)  window.resizeTo(xsize,ysize); 

    } 

//-->

</script>

</head>

<body onload="javascript:OpenIt()">

        [img]../redaktion/bilder/<? echo $bild; ?>[/img]

    </body>

 
</html>

Ich versuche nun die Seite mit folgendem link aufzurufen:

Code:

function gros(img) {
window.open('show.php?file=+img+','_blank','toolbar=no,location=no,directories=no,
status=no,menubar=no,scrollbars=no,resizable=yes')
}

So, aber wenn ich das so mache, denn öffnet er im aktuellen fenster ein neues Dokument welches um Quelltext nur [object] enthält und ein neues Fenster mit dem Bild drinne ohne toolbars usw. genau wie ich es möchte. Aber das mit dem [object] möchte ich nicht, weiß jmd woran das liegen könnte??? Wenn ja, denn haben hier wir beide unsere Lösung... Achso, aufrufen tu ich den Javascript denn in der PHP-Datei:

PHP-Code:

   
echo "<a href=\"javascript:gros(".$row[bild].")\">";

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
Mit PHP dynamisch Bilder erstellen	Tobias	Tutorials	39	21.04.2010 09:56
popup fenster selber gestalten		HTML, Usability und Barrierefreiheit	2	24.09.2006 13:46
Neues Fenster ï¿½ffnen aber nicht als POPUP	GELight	HTML, Usability und Barrierefreiheit	18	08.03.2006 02:09
[Erledigt] closed()-Abfrage aus beliebigem Fenster		HTML, Usability und Barrierefreiheit	2	16.01.2006 19:01
[Erledigt] Dynamisch Bilder übereinander positionieren?		HTML, Usability und Barrierefreiheit	4	15.08.2005 12:52
Bilder im neuen Fenster anzeigen per JS	scooter	HTML, Usability und Barrierefreiheit	7	15.06.2005 12:58
Eintrag in ein Input aus einem Popup Fenster veranlassen	Plague	HTML, Usability und Barrierefreiheit	0	08.06.2005 18:23
[Erledigt] Vergrößerte Bilder im selben Pop Up Fenster anzeigen lassen		PHP Tipps 2005	8	01.04.2005 12:24
Popup und normales Fenster wird geöffnet.		HTML, Usability und Barrierefreiheit	7	21.12.2004 19:08
Bilder werden zu komischen Mustern bei Popup		PHP-Fortgeschrittene	12	01.12.2004 21:58
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
Bilder dynamisch erstellen	suter	PHP Tipps 2004	12	13.07.2004 12:38

30.06.2005, 11:38
mercurio Neuer Benutzer Registriert seit: 21.11.2004 Beiträge: 23	Bilder dynamisch im GLEICHEN PopUp-Fenster Ã¶ffnen Hi Leute, habe mal ein Anliegen, fÃ¼r das ich bis jetzt keine LÃ¶sung gefunden habe: Auf meiner Seite habe ich mehrere Thumbnails. Bei einem Klick darauf soll sich ein PopUp-Fenster Ã¶ffnen, das ein grÃ¶ÃŸeres Bild enthÃ¤lt. Soweit so gut, nun zu den Schwierigkeiten: 1. ist das PopUp-Fenster (durch Klicken eines Thumbnails) bereits geÃ¶ffnet, so soll beim Klicken eines weiteren Thumbnails das selbe PopUp-Fenster benutzt werden, also kein weiteres geÃ¶ffnet werden. 2. das PopUp-Fenster soll sich (irgendwie per getimagesize() oder so) die GrÃ¶ÃŸe des Bildes holen und das Fenster entsprechend dimensionieren. 3. NatÃ¼rlich mÃ¶chte ich nicht fÃ¼r jedes Bild eine extra PHP- oder HTML-Datei anlegen, sondern nur eine. Welches Bild angezeigt wird, muss also per Ãœbergabe vom Thumbnail-Link passieren. Ich bin sicher, dass man das ganze per PHP und JS realisieren kann, komme nur leider nicht drauf wie. WÃ¼rde mich freuen, wenn mir jemand helfen kann.


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

30.06.2005, 11:57
robo47 Moderator Registriert seit: 03.09.2004 Beiträge: 11.792 PHP-Kenntnisse: Fortgeschritten	hast du vieleicht irgendwelche ansätze ? abgesehen davon, die Sonderzeichen sind ja grauenhaft, wo hast du das den rauskopiert ? __________________ robo47.net - Blog, Codeschnipsel und mehr \| Caching-Klassen und Opcode Caches in php \| Robo47 Components - PHP Library extending Zend Framework

30.06.2005, 14:38
scooter Erfahrener Benutzer Registriert seit: 23.05.2005 Beiträge: 374	Also... Ich habe nen ähnliches Problem. Das mit dem Windows resizen usw. kann man mit folgendem JS lösen: Code: <script> <!-- bild= new Image(); bild.src=("Bildadresse"); xsize = bild.width; //hier die Breite des neuen Fensters ysize = bild.height; //hier die Hoehe des neuen Fensters ScreenWidth = screen.width; ScreenHeight = screen.height; xpos = (ScreenWidth/2)-(xsize/2); //hier befindet sich die Positionsangabe ypos = (ScreenHeight/2)-(ysize/2); //hier befindet sich die Positionsangabe function OpenIt() { if (window.moveTo) window.moveTo(xpos,ypos); if (window.resizeTo) window.resizeTo(xsize,ysize); } //--> </script> Das muss so eingebunden werden: Code: <body onload="javascript:OpenIt()"> Das mit den Bildern machst du am Besten, in dem ne extra show.php anlegst, i der du die Variable für das Bild via $_get über gibts: PHP-Code: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <script> <!-- bild= new Image(); bild.src=("../redaktion/bilder/<? echo $bild; ?>"); xsize = bild.width; //hier die Breite des neuen Fensters ysize = bild.height; //hier die Hoehe des neuen Fensters ScreenWidth = screen.width; ScreenHeight = screen.height; xpos = (ScreenWidth/2)-(xsize/2); //hier befindet sich die Positionsangabe ypos = (ScreenHeight/2)-(ysize/2); //hier befindet sich die Positionsangabe function OpenIt() { if (window.moveTo) window.moveTo(xpos,ypos); if (window.resizeTo) window.resizeTo(xsize,ysize); } //--> </script> </head> <body onload="javascript:OpenIt()"> [img]../redaktion/bilder/<? echo $bild; ?>[/img] </body> </html> Ich versuche nun die Seite mit folgendem link aufzurufen: Code: function gros(img) { window.open('show.php?file=+img+','_blank','toolbar=no,location=no,directories=no, status=no,menubar=no,scrollbars=no,resizable=yes') } So, aber wenn ich das so mache, denn öffnet er im aktuellen fenster ein neues Dokument welches um Quelltext nur [object] enthält und ein neues Fenster mit dem Bild drinne ohne toolbars usw. genau wie ich es möchte. Aber das mit dem [object] möchte ich nicht, weiß jmd woran das liegen könnte??? Wenn ja, denn haben hier wir beide unsere Lösung... Achso, aufrufen tu ich den Javascript denn in der PHP-Datei: PHP-Code: `echo "<a href=\"javascript:gros(".$row[bild].")\">";` __________________ Life is Life and life is hard