SonyUserforum - Kleine Skriptfrage - Bild in echtem Vollbild öffnen - erledigt

baerlichkeit · 09.07.2007, 17:50

Hallo,
eine kurze Frage an die Skriptexperten unter euch, bevor ich mir noch einen Wolf google...

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

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

ü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

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

Zitat:

Zitat von austriaka

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

KArin

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

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

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

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?

baerlichkeit · 30.07.2007, 18:32

So,
der Vollständigkeit halber antworte ich mir mal selbst

Ich habe es geschafft, na ja, nicht mit Skripten im herkömmlichen Sinn, hier habe ich wirklich keinen Weg gefunden, aber mit Flex 2 und Actionscript (boah ist das mächtig

)

Falls jemand Interesse an meiner Vollbild-Version hat, kann ich gerne hier was reinbasteln...

Viele Grüße
Andreas

Funster · 30.07.2007, 18:39

Zitat:

Zitat von baerlichkeit

Falls jemand Interesse an meiner Vollbild-Version hat, kann ich gerne hier was reinbasteln...

*Fingerheb!*
Hast Du die Lösung schon irgendwo am Laufen, so dass man mal gucken kann, wie das aussieht?

Cheers,
Sven

baerlichkeit · 30.07.2007, 19:27

Kommt später, aber ich habe AS3 jetzt soweit gelernt, dass es funktioniert

Ich bau mal noch eine SUF-Version, die gibbet dann hier

Viele Grüße
Andreas

09.07.2007, 17:50	#1
baerlichkeit Registriert seit: 03.11.2006 Ort: Berlin Beiträge: 11.088	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... 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 __________________ abgedunkelt.de

09.07.2007, 19:06	#2
austriaka Registriert seit: 19.03.2007 Ort: Nähe Düsseldorf Beiträge: 2.350	ü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 __________________ KArin Uh!Log Und auf besonderen Wunsch: Ofenrohr vs. Ofenröhrchen sowie 35-105 alt vs. neu

09.07.2007, 19:22	#3
Schlaudenker.de Registriert seit: 23.04.2007 Ort: 38531 Rötgesbüttel Beiträge: 1.128	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? __________________ VLG Torsten -- Flickr - Picasa - Weblog - Szenebilder - Fotocommunity - meine Konzertfotos

30.07.2007, 18:32	#8
baerlichkeit Themenersteller Registriert seit: 03.11.2006 Ort: Berlin Beiträge: 11.088	So, der Vollständigkeit halber antworte ich mir mal selbst Ich habe es geschafft, na ja, nicht mit Skripten im herkömmlichen Sinn, hier habe ich wirklich keinen Weg gefunden, aber mit Flex 2 und Actionscript (boah ist das mächtig ) Falls jemand Interesse an meiner Vollbild-Version hat, kann ich gerne hier was reinbasteln... Viele Grüße Andreas __________________ abgedunkelt.de

30.07.2007, 19:27	#10
baerlichkeit Themenersteller Registriert seit: 03.11.2006 Ort: Berlin Beiträge: 11.088	Kommt später, aber ich habe AS3 jetzt soweit gelernt, dass es funktioniert Ich bau mal noch eine SUF-Version, die gibbet dann hier Viele Grüße Andreas __________________ abgedunkelt.de

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Zur Linear-Darstellung wechseln Hybrid-Darstellung Zur Baum-Darstellung wechseln

Sponsored Links

Sponsored Links