SonyUserforum

SonyUserforum (https://www.sonyuserforum.de/forum/index.php)
-   Café d`Image (https://www.sonyuserforum.de/forum/forumdisplay.php?f=94)
-   -   Kleine Skriptfrage - Bild in echtem Vollbild öffnen - erledigt - Beispiel im Thread (https://www.sonyuserforum.de/forum/showthread.php?t=40466)

baerlichkeit 09.07.2007 17:50

Kleine Skriptfrage - Bild in echtem Vollbild öffnen - erledigt - Beispiel im Thread
 
Hallo,
eine kurze Frage an die Skriptexperten unter euch, bevor ich mir noch einen Wolf google... :D

Ich möchte gerne meine Fotos auf der eigenen Homepage per klick vergrößert darstellen. Ich finde Lightbox 2 und Konsorten schon richtig nett, aber noch nicht nett genug.

Nimmt man etwa Youtube her kann man die Filmchen ja vergößern. Das Flash-Video legt sich ja dann über den kompletten Bildschirm. Lightbox hingegen zieht das Foto nur innerhalb des Browserfensters auf, mitunter ist das Bild dann kleiner als vorher...

Nun zu meiner Frage: geht das auch ohne Flash? Also kann man auch ein Script-Popup wie lightbox so basteln, dass es über die Browsergrenzen hinweg auf dem ganzen Bildschirm angezeigt wird?

Ich hoffe ich rede nicht zu unverständlich. Zusammengefasst würde ich gerne mit Javascript/Dhtml/Ajax und wie das alles heißt eine Foto auf klick abhängig von der Bildschirmgröße in Vollbild darstellen, also auch über dem Browser und etwa der Taskleiste von Windows.

Ich bin für jeden Ratschlag dankbar

Andreas

austriaka 09.07.2007 19:06

über den Browser bzw. über die Taskleiste von Windows hinweg ist mit Boardmitteln praktisch nicht möglich.
Weil: du öffnest das Bildchen ja auch in einem Browserfenster...
Aber: du kannst natürlich per PHP die Bildmaße auslesen und mit JavaScript ein Fenster / Popup-Window öffnen, das diese Größe hat (body Abstand einkalkulieren). Beim JS-Fenster kannst du alle Browserleisten bis auf die Hauptleiste (in der das Kreuzchen und die Icons zum Maximieren/Minimieren sind) ausblenden, dann hast du da schon recht viel Platz, uU auch mehr als der Bildschirm hergibt.

HTH
KArin

Schlaudenker.de 09.07.2007 19:22

Vielleicht gibt's ja noch einen Script-Trick, damit man ohne F11 in den Vollbild-Modus kommt. In VBS gibt's eine Eigenschaft "FullScreen" des WebbrowserObjekts, die man auf True setzen kann. Das müßte mit Javascript doch auch gehen, oder?

austriaka 09.07.2007 19:51

Zitat:

Zitat von Schlaudenker.de (Beitrag 514949)
Das müßte mit Javascript doch auch gehen, oder?

Eingeschränkt: http://de.selfhtml.org/navigation/faq.htm#vollbildmodus

KArin

baerlichkeit 09.07.2007 20:30

Hallo,
danke schon mal für die Antworten...

Zitat:

Zitat von austriaka (Beitrag 514942)
über den Browser bzw. über die Taskleiste von Windows hinweg ist mit Boardmitteln praktisch nicht möglich.
Weil: du öffnest das Bildchen ja auch in einem Browserfenster...
Aber: du kannst natürlich per PHP die Bildmaße auslesen und mit JavaScript ein Fenster / Popup-Window öffnen, das diese Größe hat (body Abstand einkalkulieren). Beim JS-Fenster kannst du alle Browserleisten bis auf die Hauptleiste (in der das Kreuzchen und die Icons zum Maximieren/Minimieren sind) ausblenden, dann hast du da schon recht viel Platz, uU auch mehr als der Bildschirm hergibt.

HTH
KArin

Hi Karin. Ich habe es fast befürchtet, dass es nicht möglich ist. Erst Youtube hat mich überhaupt auf die Idee gebracht. Das mit dem Extra Fenster welches die Bildmaße hat bring Coppermine, welches ich im Moment einrichte, ja schon mit. Ich finde das ziemlich "hässlich". Ich möchte mehr "style". :) Ich hätte halt gerne das Bild in der Größe in der es vorliegt, etwa 1600x1200 entweder im Vollbild, oder eben kleiner mit schwarz oder einer anderen Farbe als Hintergrund. Aber ich will halt nix vom Desktop sehen, höchstens etwas transparent durchscheinen...

Zitat:

Zitat von Schlaudenker.de (Beitrag 514949)
Vielleicht gibt's ja noch einen Script-Trick, damit man ohne F11 in den Vollbild-Modus kommt. In VBS gibt's eine Eigenschaft "FullScreen" des WebbrowserObjekts, die man auf True setzen kann. Das müßte mit Javascript doch auch gehen, oder?

Das was ich ja eben nicht :D
Zitat:

Zitat von austriaka (Beitrag 514975)

Tja, ich will ja eben nicht diesen Fensterrahmen drum herum. Das habe ich ja jetzt praktisch schon. Es soll halt ähnlich Lightbox aussehen (siehe link oben), nur über das ganze Fenster.

Vielen Dank derweil, noch jemand eine Idee? Doch dafür Flash hernehmen?
Andreas

austriaka 09.07.2007 20:42

Zitat:

Zitat von baerlichkeit (Beitrag 514997)
Ich hätte halt gerne das Bild in der Größe in der es vorliegt, etwa 1600x1200 entweder im Vollbild, oder eben kleiner mit schwarz oder einer anderen Farbe als Hintergrund. Aber ich will halt nix vom Desktop sehen, höchstens etwas transparent durchscheinen...

Andreas, machbar ist alles, nur weiß ich nicht, ob Coppermine das so hergibt.
Denk mal ein bisserl in Richtung CSS: ein übergroßes DIV mit deinem Vollbild unsichtbar definieren (gerne auch mit schwarzem Hintergrund), mit Klick auf Vollbild sichtbar schalten und in den Vordergrund schieben.
Bevor du es probierst: schwarz transparentes DIV ist verlockend, aber auch dein Bild wird dann transparent.
Nachteil der Geschichte: das Vollbild wird mit der Seite geladen (langsamer Seitenaufbau) und durch das übergroß definierte DIV wirst du auch wenn es unsichtbar ist wahrscheinlich Scrollbalken haben.
Allerdings steht dir natürlich frei, die DIV-Größe mit Javascript nach der Bildschirmgröße zu definieren. Das erfordert aber die Übergabe von JS-Werten nach PHP... was geht aber mühsam ist.

mehr fällt mir momentan net ein ;-)
KArin

Schlaudenker.de 09.07.2007 20:49

Zitat:

Zitat von baerlichkeit (Beitrag 514997)
Tja, ich will ja eben nicht diesen Fensterrahmen drum herum. Das habe ich ja jetzt praktisch schon. Es soll halt ähnlich Lightbox aussehen (siehe link oben), nur über das ganze Fenster.

Also was jetzt? Über das ganze Fenster oder über den gabzen Bildschirm?

Zitat:

Zitat von austriaka (Beitrag 515002)
Bevor du es probierst: schwarz transparentes DIV ist verlockend, aber auch dein Bild wird dann transparent.

Also vielleicht noch ein intransparentes DIV mit dem Bild davor?

austriaka 09.07.2007 21:03

Zitat:

Zitat von Schlaudenker.de (Beitrag 515008)
Also vielleicht noch ein intransparentes DIV mit dem Bild davor?

soweit ich weiss vererbt sich die Transparenz der Eltern auf die Kindelemente
KArin

Schlaudenker.de 09.07.2007 21:05

Zitat:

Zitat von austriaka (Beitrag 515016)
soweit ich weiss vererbt sich die Transparenz der Eltern auf die Kindelemente
KArin

Mag sein, aber die können doch auch übereinander liegen, wenn sie keine Eltern-Kind-Beziehung haben, oder?

baerlichkeit 09.07.2007 21:09

Hi,
kann ein div über den browser hinaus wachsen? Kann ich irgendwie nicht glauben...

Lightbox löst ja das ganze mit javascript. Das Foto wird also erst dann geladen, wenn ich es anklicke... auch ist das Foto natürlich nicht transparent ;) Guck dir mal die Beispiele an...

Und schlaudenker, Fenster war wohl missverständlich ausgedrückt, ich will es komplettemente auf dem Bildschirm. Komplettemente im Browserfenster habe ich ja praktisch schon mit lightbox :)

Viele Grüße
Andreas


Alle Zeitangaben in WEZ +2. Es ist jetzt 03:29 Uhr.