Bild-PopUp

Godot

unregistriert

1

Sonntag, 28. September 2003, 15:14

Hallo zusammen,
wie kann man das hinbekommen, dass ich auf meiner HP kleine Thumbnails von Bilder anzeige und wenn jemand drauf klickt öffnet sich das Original in einem der Bildgröße angepassten PopUp-Fenster?

Ich könnte ja zu jedem Bild eine kleine Version anfertigen und diese als bild.gif in einem Verzeichnis /vorschau ablegen und das Original unter dem selben Namen bild.gif im Verzeichnis /Bilder ablegen. Kann man dann nicht vielleicht irgendetwas programmieren, damit die sich ein Fenster mit dem Original öffnet wenn ich das Vorschau-Bild anklicke?

Das Fenster sollte sich wenn möglich auch der Größe des Bildes anpassen.

Gibt es da eine Möglichkeit, oder muss ich für jedes Bild eine einen html-File anlegen und alles von Hand erledigen?

Bis denne

Sebian

Haudegen

Dabei seit: 14.05.2003

Beiträge: 645

2

Sonntag, 28. September 2003, 16:18

ja, so was kann man machen!

ich suche das selbe, so das ich ein bild in verkleinerter Version einfüge und wenn ich darauf klicke soll es als popup in originalgöße erscheinen!

Aber das popup soll in der mit´te sein und auch so groß wie das bild sein!

ich brauche nur einen coder wo folgendes stht:

java cod...."bild.gif" java code und wenn man darauf klickt kommt ein popup mit der originalgröße vom "bild.gif"

Godot

unregistriert

3

Sonntag, 28. September 2003, 16:38

Mmh, weiß zufällig auch jemand wie man das machen könnte?

Bis denne

Godot

unregistriert

4

Montag, 29. September 2003, 15:45

Also ich habs jetzt so gemacht:

Quellcode

<a href="#Fenster" onClick="window.open('bilder/sonnenfinsternis.jpg','Fenster','toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=640,height=427,left=10,top=110');return false" target="Fenster"><img src="bilder/vorschau/sonnenfinsternis.jpg" width="100" height="80" border="0"></a>

Wobei das eigentliche Bild bilder/sonnenfinsternis.jpg ist und das kleine Vorschau-Bild bilder/vorschau/sonnenfinsternis.jpg

Die Werte width=640,height=427 sind halt die Maße des Bildes, jetzt gibt es nur noch ein Problem, das Bild wird nun zwar in einem Fenster geöffnet, dass die gleichen Maße wie das Bild hat, aber oben und links ist ein weißer Rand und unten und rechts ist das Bild leicht abgeschnitten.

In etwa so, wie bei einer HP, wenn im Body cellspacing und cellpadding nicht auf Null gesetzt sind, also ein Rand innerhalb des Fenster. Weiß jemand wie ich den Rand aus dem PopUp-Fenster weg bekomme?

Bis denne

made

unregistriert

5

Dienstag, 30. September 2003, 15:49

lösung...

also ich habe vor kurzer zeit genauso was gemacht. Leider habe ich den Code jetzt nicht vorliegen, aber ich werde demnächst noch mal posten. Also ich öffne ein neues Fenster mit js. DIe aufgemachte Site ist eine php-seite der ich als Parameter den Bildpfad angebe.Sobald die Seite aufgeht wird per js die breite und höhe des bildes ausgelesen und das fenster angepasst (rezise()). Ist ein bisschen kompliziert, aber ich werde den code noch mal reinstellen,

MFG die Made

Godot

unregistriert

6

Dienstag, 30. September 2003, 15:54

Hört sich ja ganz gut an, das wäre wohl die ideale Lösung. Dann warte ich mal,

bis denne

Sebian

Haudegen

Dabei seit: 14.05.2003

Beiträge: 645

7

Dienstag, 30. September 2003, 19:33

Ja!!! Bitte, den brauche ich auch!

heinervdm

Technik-Admin

Dabei seit: 02.10.2002

Beiträge: 3 772

8

Dienstag, 30. September 2003, 19:41

PHP-Quelltext

<?$size=GetImageSize($bild);?> 

<html>
<head><title><?=$bild;?></title>
</head>
<body style="margin:0 0 0 0;" onLoad="window.resizeTo(<?=$size[0];?>,<?=$size[1];?>)">
<img src="<?=$bild;?>" width="<?=$size[0];?>" height="<?=$size[1];?>">
</body>
</html>

so, und das speichert du unter einen namen, z.B. bild.php.
Dann rufst du die Seite so auf:

Quellcode

<a style="cursor:pointer;" onclick="window.open('bild.php?bild=bild.jpg','Bilder','height=625,width=600,screenx=0,screeny=0,scrollbars=0,toolbar=0,resizable=0,menubar=0,status=0',0,0)" border=0><img src="bildklein.jpg" border=0></a>

Über mich: www.heinervdm.de
Persönlich Mitteilungen an mich bitte als PN (nicht Email) hier im Forum. ICQ und Skype bitte nur in Notfällen.

Sebian

Haudegen

Dabei seit: 14.05.2003

Beiträge: 645

9

Dienstag, 30. September 2003, 19:52

Aber da muss mon doch die höhe wieder angeben oder?

(....bild. jpg','Bilder','height=625 ,width=600 ,screenx=0,.....

und kann man das auch so machen, das diese Bilder nur dann angezeit werden, wenn sie auf einer seite (sebian.net) verwendet werden also damit bilder nicht gestohlen werden?

Danke, ich werds gleich probieren...

heinervdm

Technik-Admin

Dabei seit: 02.10.2002

Beiträge: 3 772

10

Dienstag, 30. September 2003, 20:05

ups, die angeaben hätte ioch wohl rauslöschen sollen...

der resized das fenter ja anschließend, deshalb ist die angabe egal...

aber mach das mal raus, und das resizeable=1:

Quellcode

1
2

<a style="cursor:pointer;" onclick="window.open('bild.php?bild=bild. jpg','Bilder','screenx=0,screeny=0,scrollbars=0,toolba
r=0,resizable=1,menubar=0,status=0',0,0)" border=0><img src="bildklein.jpg" border=0></a>

Über mich: www.heinervdm.de
Persönlich Mitteilungen an mich bitte als PN (nicht Email) hier im Forum. ICQ und Skype bitte nur in Notfällen.

Sebian

Haudegen

Dabei seit: 14.05.2003

Beiträge: 645

11

Dienstag, 30. September 2003, 20:14

und wie geht das ganze mit fremden bildern, die nicht in dem bilderverzeichniss auf meiner seite sind?

einfach

<a style="cursor:pointer;" onclick="window.open('bild.php?bild=http://xxx.com/bild. jpg ','Bilder','screenx=0,screeny=0,scrollbars=0,toolba
r=0,resizable=1,menubar=0,status=0',0,0)" border=0><img src="bildklein.jpg" border=0></a>

?

heinervdm

Technik-Admin

Dabei seit: 02.10.2002

Beiträge: 3 772

12

Dienstag, 30. September 2003, 20:16

müsste gehen...

ausser in der PHP.ini ist der zurgriff auf andere Dateien ausserhalb des Servers Deaktivert, aber das dürfte nicht der Fall sein.

Über mich: www.heinervdm.de
Persönlich Mitteilungen an mich bitte als PN (nicht Email) hier im Forum. ICQ und Skype bitte nur in Notfällen.

Sebian

Haudegen

Dabei seit: 14.05.2003

Beiträge: 645

13

Mittwoch, 1. Oktober 2003, 14:17

Danke!! Es geht super!!!

nur wie geht das, das die Bilder nur auf sebian.net angezeigt werden?

Godot

unregistriert

14

Donnerstag, 2. Oktober 2003, 13:04

Danke, klappt echt gut!

Wäre es auch noch möglich irgendwie die Höhe immer z.B. Plus 30 einzurichten, so dass über jedes Bild im der PHP-File noch ein kleiner Werbezug eingerichtet werden kann?

Bis denne

Sebian

Haudegen

Dabei seit: 14.05.2003

Beiträge: 645

15

Donnerstag, 2. Oktober 2003, 16:28

müsste gehen!

in der php datei noch was einfügen!

heinervdm

Technik-Admin

Dabei seit: 02.10.2002

Beiträge: 3 772

16

Donnerstag, 2. Oktober 2003, 16:45

Zitat

<?$size=GetImageSize($bild);?>

<html>
<head><title><?=$bild;?></title>
</head>
<body style="margin:0 0 0 0;" onLoad="window.resizeTo(<?=$size[0];?>,<?=$size[1]+30;?>)">
<werbung>WERBUNG</werbung><br>
<img src="<?=$bild;?>" width="<?=$size[0];?>" height="<?=$size[1];?>">
</body>
</html>

bei +30 die höhe in Pixel eingeben, die du noch für werbung brauchst, und dann bei
<werbung>WERBUNG</werbung>
deine Werbund hinmachen.

Über mich: www.heinervdm.de
Persönlich Mitteilungen an mich bitte als PN (nicht Email) hier im Forum. ICQ und Skype bitte nur in Notfällen.

Dieser Beitrag wurde bereits 2 mal editiert, zuletzt von »heinervdm« (2. Oktober 2003, 16:46)

Godot

unregistriert

17

Donnerstag, 2. Oktober 2003, 17:29

Jo danke, so hatte ich mir das gedacht.

Jetzt habe ich nur noch eine Frage, wenn ich nun so ein Fenster öffne ist dies schön größenangepasst im Vordergrund und alles ist prima, wenn jetzt allerdings jemand ein geöffnetes Fenster nicht schließt und ein neues aufmacht ist meine HP im Vordergrund und das neue PopUp wird im Hintergrund in das bereits geöffnete Fenster geladen.

Wie kann man es so einrichten, dass das Fenster automatisch in den Vordergrund kommt, sobald sich der Inhalt ändert?

Bis denne

heinervdm

Technik-Admin

Dabei seit: 02.10.2002

Beiträge: 3 772

18

Donnerstag, 2. Oktober 2003, 17:40

Zitat

<?$size=GetImageSize($bild);?>

<html>
<head><title><?=$bild;?></title>
</head>
<body style="margin:0 0 0 0;" onLoad="self.focus(); window.resizeTo(<?=$size[0];?>,<?=$size[1]+30;?>)">
<werbung>WERBUNG</werbung><br>
<img src="<?=$bild;?>" width="<?=$size[0];?>" height="<?=$size[1];?>">
</body>
</html>

Über mich: www.heinervdm.de
Persönlich Mitteilungen an mich bitte als PN (nicht Email) hier im Forum. ICQ und Skype bitte nur in Notfällen.

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »heinervdm« (26. Oktober 2003, 21:48)

Godot

unregistriert

19

Donnerstag, 2. Oktober 2003, 19:28

Danke, war ja garnicht so schwer

Also ich habe das mit der Werbung nun wieder entfernt, wird sonst wohl ein wenig penetrant.

Aber eine Sache ist da noch, die Bilder scheinen unten ein wenig abgeschnitten zu werden.

Die URL ist http://www.fun-flash.de/fun_bilder_menschen.php

So weit läuft das Ganze nun wie ich es mir so vorgestellt habe, aber untenherum sind die Bilder ein wenig abgeschnitten.

Woran kann das nun wieder liegen?

Bis denne

heinervdm

Technik-Admin

Dabei seit: 02.10.2002

Beiträge: 3 772

20

Donnerstag, 2. Oktober 2003, 19:31

sollte theoretisch nicht sein...

aber es sieht so aus als wäre es immer die gleiche anzahl pixel...

deshalb das so wie bei der werbung einfach ein paar pixel dazu...
nur nicht dirckt 30 sondern 5 oder so...

Über mich: www.heinervdm.de
Persönlich Mitteilungen an mich bitte als PN (nicht Email) hier im Forum. ICQ und Skype bitte nur in Notfällen.

Bild-PopUp

Quellcode

lösung...

PHP-Quelltext

Quellcode

Quellcode

Zitat

Zitat

Ähnliche Themen