Netz-Treff - Bildergrösse in Lightbox

Anmelden | registrieren | Kategorien

zurück zur Übersicht neuer Eintrag

#277806

keksbaecker

zur Homepage von keksbaecker

14.07.2011, 18:32:46

Bildergrösse in Lightbox (web.design)

Hallo
Ich habe meine Dokumentation über den Poolbau überarbeitet, und lasse die Bilder jetzt mit Lightbox anzeigen. Jetzt ist die Frage an Euch, ob die Bildergrösse für die Anzeige so passt, oder ob diese noch zu gross sind. Die Bilder sind als Tumbnail 200x150px gross. In der maximierten Version 800x600px. Bei meinem grossen 24 Zöller ist alles Bestens. Ich habe aber Bedenken, dass Leute mit kleineren Displays, oder Displays mit kleiner Auflösung (Laptops z.B.) zu viel scrollen müssen. (Falls sich überhaupt jemand dafür interessiert :kratz: )
Heiko

--

Brot kann hart sein, kein Brot ist noch härter

#277807

Hausdoc

Green Cottage,
14.07.2011, 18:42:54

@ keksbaecker

Bildergrösse in Lightbox

Beim 10\" Läppi sind die Bilder in Vollbildeinstellung (F11) komplett und ohne scrollen zu sehen.

--
Gruß Hausdoc

Heizungsfragen?? - Hier klicken

#277808

keksbaecker

zur Homepage von keksbaecker

14.07.2011, 19:10:54

@ Hausdoc

Bildergrösse in Lightbox

> Beim 10\" Läppi sind die Bilder in Vollbildeinstellung (F11) komplett und
> ohne scrollen zu sehen.

Dann wäre es doch in Ordnung.
Danke
Heiko

--

Brot kann hart sein, kein Brot ist noch härter

#277816

Hey_Joe

zur Homepage von Hey_Joe

71229 Leonberg,
14.07.2011, 20:20:36

@ keksbaecker

Bildergrösse in Lightbox

> Hallo
> Ich habe meine Dokumentation über
> den Poolbau überarbeitet, und lasse die Bilder jetzt mit Lightbox
> anzeigen. Jetzt ist die Frage an Euch, ob die Bildergrösse für die Anzeige
> so passt, oder ob diese noch zu gross sind. Die Bilder sind als Tumbnail
> 200x150px gross. In der maximierten Version 800x600px. Bei meinem grossen
> 24 Zöller ist alles Bestens. Ich habe aber Bedenken, dass Leute mit
> kleineren Displays, oder Displays mit kleiner Auflösung (Laptops z.B.) zu
> viel scrollen müssen. (Falls sich überhaupt jemand dafür interessiert
> :kratz: )
> Heiko

Hallo Heiko,

was bedeutet Lightbox?

Deine Dokumentation ist recht gelungen, wie bekommt man so etwas hin?
Ich würde so etwas gerne auch einmal machen können.

Gruß,
Jochen

--
[image]

#277836

keksbaecker

zur Homepage von keksbaecker

15.07.2011, 00:49:04

@ Hey_Joe

Bildergrösse in Lightbox

> Hallo Heiko,
>
> was bedeutet Lightbox?
>
> Deine Dokumentation ist recht gelungen, wie bekommt man so etwas hin?
> Ich würde so etwas gerne auch einmal machen können.
>
> Gruß,
> Jochen

Hallo
Lightbox ist ein Javascript, welches bewirkt, dass sich die angeklickten Bilder so öffnen, wie sie es bei mir tun.

Hier gibt es das Original

Heiko

--

Brot kann hart sein, kein Brot ist noch härter

#277866

Karsten Meyer

zur Homepage von Karsten Meyer

Konstanz am Bodensee,
15.07.2011, 10:22:40

@ keksbaecker

Bildergrösse in Lightbox

> Hallo
> Ich habe meine Dokumentation über
> den Poolbau überarbeitet, und lasse die Bilder jetzt mit Lightbox
> anzeigen. Jetzt ist die Frage an Euch, ob die Bildergrösse für die Anzeige
> so passt, oder ob diese noch zu gross sind. Die Bilder sind als Tumbnail
> 200x150px gross. In der maximierten Version 800x600px. Bei meinem grossen
> 24 Zöller ist alles Bestens. Ich habe aber Bedenken, dass Leute mit
> kleineren Displays, oder Displays mit kleiner Auflösung (Laptops z.B.) zu
> viel scrollen müssen. (Falls sich überhaupt jemand dafür interessiert
> :kratz: )

Hallo Heiko,
ich hab mir mal den Spaß erlaubt, das mit meinem smarten Fönchen, einem Androiden mit 480 x 854 Pixel Auflösung anzusehen. Das geht durchaus.
Etwas nervig ist nur, dass - mangels Maus - die Pfeile für Vor und Zurück nicht angezeigt werden. Wenn man aber mit dem Finger auf die ungefähre Stellt tippt, schaltet es weiter.

Generell finde ich Lightbox nicht so ideal, weil es eine Art Schicht über das HTML stülpt, leider eben auch bei der Bedienung. So schaltet ja der Zurück-Knopf des Browsers nicht etwa aufs vorige Bild, sondern wirft mich (in diesem Fall) zurück zu Netz-Treff. Auch ist natürlich kein Bild irgendwie verlinkbar oder als Lesezeichen zu übermitteln - fast so nervig wie bei Frames.

Aber immerhin: Es gibt eine Bildunterschrift, und die Bilder werden vor einem wunderbar neutralen, dunklen Hintergrund gezeigt. Es hat eben alles zwei Seiten.

Schönen Gruß,
Karsten

PS: Im letzten Bild erwartet man \"Action\"!

--
Ich bin sehr aktiv bei facebook, wo ich vor allem Fotos zeige und mich in Gruppen über alles mögliche, insbesondere meine Heimatstadt Konstanz austausche.

#277894

keksbaecker

zur Homepage von keksbaecker

15.07.2011, 13:22:23

@ Karsten Meyer

Bildergrösse in Lightbox

> Hallo Heiko,
> ich hab mir mal den Spaß erlaubt, das mit meinem smarten
> Fönchen,
> einem Androiden mit 480 x 854 Pixel Auflösung anzusehen. Das geht
> durchaus.
> Etwas nervig ist nur, dass - mangels Maus - die Pfeile für Vor und Zurück
> nicht angezeigt werden. Wenn man aber mit dem Finger auf die ungefähre
> Stellt tippt, schaltet es weiter.
>
> Generell finde ich Lightbox nicht so ideal, weil es eine Art Schicht über
> das HTML stülpt, leider eben auch bei der Bedienung. So schaltet ja der
> Zurück-Knopf des Browsers nicht etwa aufs vorige Bild, sondern wirft mich
> (in diesem Fall) zurück zu Netz-Treff. Auch ist natürlich kein Bild
> irgendwie verlinkbar oder als Lesezeichen zu übermitteln - fast so nervig
> wie bei Frames.
>
> Aber immerhin: Es gibt eine Bildunterschrift, und die Bilder werden vor
> einem wunderbar neutralen, dunklen Hintergrund gezeigt. Es hat eben alles
> zwei Seiten.
>
> Schönen Gruß,
> Karsten
>
> PS: Im letzten Bild erwartet man \"Action\"!

Hi
Danke fürs Testen. Die Sache mit dem Verlinken hat natürlich auch den Vorteil, dass der \"Bilderklau\" nicht ganz so einfach ist. Wer es allerdings wirklich machen will, kann die URL im Quelltext sehen.
Die Navigation funktioniert auch wenn man nicht unbedingt auf die Navigationsfelder tippt. (Das sind übrigens gif- Bildchen) Ein Klick auf die rechte Seite eines Bilder schaltet vor, die linke Seite zurück.
Die Story ist natürlich noch nicht zu Ende. Weitere Bilder folgen.
Heiko

--

Brot kann hart sein, kein Brot ist noch härter

#277896 sigi 15.07.2011, 13:27:36 @ keksbaecker	Bildergrösse in Lightbox antworten
	> Vorteil, dass der \"Bilderklau\" nicht ganz so einfach ist. Wer es allerdings > wirklich machen will, kann die URL im Quelltext sehen. Hallo Heiko, einfach Javascript deaktivieren, dann wird es normal angezeigt und geklaut. Gruß Sigi

#277897

keksbaecker

zur Homepage von keksbaecker

15.07.2011, 13:29:14
(editiert von keksbaecker, 15.07.2011, 13:29:57)

@ sigi

Bildergrösse in Lightbox (ed)

> > Vorteil, dass der \"Bilderklau\" nicht ganz so einfach ist. Wer es
> allerdings
> > wirklich machen will, kann die URL im Quelltext sehen.
>
> Hallo Heiko,
>
> einfach Javascript deaktivieren, dann wird es normal angezeigt und
> geklaut.
>
> Gruß Sigi

Ich habe noch gar nicht ausprobiert, ob es ohne Javascript überhaupt funktioniert. Aber deswegen habe ich es auch nicht eingerichtet.
Heiko

--

Brot kann hart sein, kein Brot ist noch härter

#277875

d-fens

Bonn,
15.07.2011, 11:43:23
(editiert von d-fens, 15.07.2011, 11:44:39)

@ keksbaecker

Bildergrösse in Lightbox (ed)

> Hallo
> Ich habe meine Dokumentation über
> den Poolbau überarbeitet, und lasse die Bilder jetzt mit Lightbox
> anzeigen. Jetzt ist die Frage an Euch, ob die Bildergrösse für die Anzeige
> so passt, oder ob diese noch zu gross sind. Die Bilder sind als Tumbnail
> 200x150px gross. In der maximierten Version 800x600px. Bei meinem grossen
> 24 Zöller ist alles Bestens. Ich habe aber Bedenken, dass Leute mit
> kleineren Displays, oder Displays mit kleiner Auflösung (Laptops z.B.) zu
> viel scrollen müssen. (Falls sich überhaupt jemand dafür interessiert
> :kratz: )
> Heiko

Probier\'s doch einfach aus und verkleinere mal dein Browserfenster! :ok:

Übrigens, mein iPhone-Safari stellt nur einen Teil der Seite dar (siehe Screenshot), möglicherweise liegt das daran, dass die gesamte Fotostory(!) in ein <h2>-Tag eingebettet ist, vielleicht auch nicht. Das solltest du aber mal verbessern, zumal Fließtext in einer solchen Schriftgröße imho besch... aussieht.

--
„Tu es oder tu es nicht! Es gibt kein Versuchen.“
(Jedi-Meister Yoda)

#277895

keksbaecker

zur Homepage von keksbaecker

15.07.2011, 13:25:32

@ d-fens

Bildergrösse in Lightbox

> Probier\'s doch einfach aus und verkleinere mal dein Browserfenster! :ok:
>
> Übrigens, mein iPhone-Safari stellt nur einen Teil der Seite dar (siehe
> Screenshot), möglicherweise liegt das daran, dass die gesamte Fotostory(!)
> in ein <h2>-Tag eingebettet ist, vielleicht auch nicht. Das solltest du
> aber mal verbessern, zumal Fließtext in einer solchen Schriftgröße imho
> besch... aussieht.

Hallo
Das Browserfenster kann ich zwar verkleinern. Dann weiss ich aber nicht, auf wie viel Pixel ich das verkleinert habe.
Das mit dem h2- Tag habe ich Gestern auch bemerkt. Werde es noch ändern.
Heiko

--

Brot kann hart sein, kein Brot ist noch härter

#277903

Karsten Meyer

zur Homepage von Karsten Meyer

Konstanz am Bodensee,
15.07.2011, 14:25:35
(editiert von Karsten Meyer, 15.07.2011, 14:26:32)

@ keksbaecker

Bildergrösse in Lightbox (ed)

> > Probier\'s doch einfach aus und verkleinere mal dein Browserfenster! :ok:
> >
> > Übrigens, mein iPhone-Safari stellt nur einen Teil der Seite dar (siehe
> > Screenshot), möglicherweise liegt das daran, dass die gesamte
> Fotostory(!)
> > in ein <h2>-Tag eingebettet ist, vielleicht auch nicht. Das solltest du
> > aber mal verbessern, zumal Fließtext in einer solchen Schriftgröße imho
> > besch... aussieht.
>
>
> Hallo
> Das Browserfenster kann ich zwar verkleinern. Dann weiss ich aber nicht,
> auf wie viel Pixel ich das verkleinert habe.

Falls du auch den FF nimmst: Hol dir das Add-In \"Web Developer\". Da gibt es - neben vielem anderen - dann auch die Möglichkeit, den Browser auf ein paar gängige \"Größe\".

Gruß Karsten

PS: Ich hatte es vorher vergessen: Aber welchen Sinn hat es denn überhaupt, dass die Bilder nochmal einen extra scrollbaren Bereich bilden?

--
Ich bin sehr aktiv bei facebook, wo ich vor allem Fotos zeige und mich in Gruppen über alles mögliche, insbesondere meine Heimatstadt Konstanz austausche.

#277909

keksbaecker

zur Homepage von keksbaecker

15.07.2011, 14:34:40

@ Karsten Meyer

Bildergrösse in Lightbox

> Falls du auch den FF nimmst: Hol dir das Add-In
> \"Web
> Developer\". Da gibt es - neben vielem anderen - dann auch die
> Möglichkeit, den Browser auf ein paar gängige \"Größe\".

Danke für den Tipp.

> Gruß Karsten
>
>
> PS: Ich hatte es vorher vergessen: Aber welchen Sinn hat es denn überhaupt,
> dass die Bilder nochmal einen extra scrollbaren Bereich bilden?

Ich möchte nicht, dass die Navigation Oben und Links beim Scrollen verschwindet.
Heiko

--

Brot kann hart sein, kein Brot ist noch härter

#277942

d-fens

Bonn,
15.07.2011, 17:02:06

@ keksbaecker

Bildergrösse in Lightbox

> > PS: Ich hatte es vorher vergessen: Aber welchen Sinn hat es denn
> überhaupt,
> > dass die Bilder nochmal einen extra scrollbaren Bereich bilden?
>
> Ich möchte nicht, dass die Navigation Oben und Links beim Scrollen
> verschwindet.

Dann benutze besser

position:fixed;

--
„Tu es oder tu es nicht! Es gibt kein Versuchen.“
(Jedi-Meister Yoda)

#277944

keksbaecker

zur Homepage von keksbaecker

15.07.2011, 17:31:08

@ d-fens

Bildergrösse in Lightbox

> Dann benutze besser

position:fixed;

Das beseitigt aber nicht den Scrollbalken.
Heiko

--

Brot kann hart sein, kein Brot ist noch härter

#277929

Johann [Gast]

15.07.2011, 15:37:20

@ keksbaecker

Bildergrösse in Lightbox

Hallo Heiko,

> Das Browserfenster kann ich zwar verkleinern. Dann weiss ich aber nicht,
> auf wie viel Pixel ich das verkleinert habe.

doch, das kannst Du wissen. Lightbox benutzt das prototype-framework welches nach initialisierung der Seite mittels Javascript zur Verfügung steht.
Und mittels prototype kriegt man per Javascript zum Beispiel so die aktuell verwendbare Screengrösse:


var viewport = document.viewport.getDimensions(); // Gets the viewport as an object literal
var width = viewport.width; // Usable window width
var height = viewport.height; // Usable window height

Gruß,
Johann

#277938

keksbaecker

zur Homepage von keksbaecker

15.07.2011, 16:39:26

@ Johann

Bildergrösse in Lightbox

> Hallo Heiko,
>
> > Das Browserfenster kann ich zwar verkleinern. Dann weiss ich aber nicht,
> > auf wie viel Pixel ich das verkleinert habe.
>
> doch, das kannst Du wissen. Lightbox benutzt das prototype-framework
> welches nach initialisierung der Seite mittels Javascript zur Verfügung
> steht.
> Und mittels prototype kriegt man per Javascript zum Beispiel so die aktuell
> verwendbare Screengrösse:


> var viewport = document.viewport.getDimensions(); // Gets the viewport as
> an object literal
> var width = viewport.width; // Usable window width
> var height = viewport.height; // Usable window height
>

> Gruß,
> Johann

Das weiss zwar ein Fachmann. Aber ich doch nicht.
Heiko

--

Brot kann hart sein, kein Brot ist noch härter

#277947 Johann [Gast] 15.07.2011, 17:53:18 @ keksbaecker	Bildergrösse in Lightbox antworten
	> Das weiss zwar ein Fachmann. Aber ich doch nicht. Jetzt schon Ich meinte auch eher, dass Du die Größe relativ einfach in Erfahrung bringen kannst, wenn Du es brauchst. Gruß, Johann

#277991

Karsten Meyer

zur Homepage von Karsten Meyer

Konstanz am Bodensee,
15.07.2011, 21:03:53

@ Johann

OT Gerät ermitteln

Heiko, darf ich von deinem Thread mal was abzeigen?

> Und mittels prototype kriegt man per Javascript zum Beispiel so die aktuell
> verwendbare Screengrösse:


> var viewport = document.viewport.getDimensions(); // Gets the viewport as
> an object literal
> var width = viewport.width; // Usable window width
> var height = viewport.height; // Usable window height
>

Sehr interessant, wenn ich mich da mal einmischen darf.

Ich überlege hin und wieder, wie ich zumindest die Startseite meines Webs (hier verlinkt), für Smartphones optimieren kann. Sie gefällt mir eigentlich immer noch, macht aber auf so kleinen Bildschirmchen ü-ber-haupt keinen Sinn. Nur: Breit und Höhe sind nicht das Kriterium, sondern die schiere Auflösung, etwa in dpi. Kriegt man die auch irgendwie raus, auch ohne dieses Framwork?

Dann würde ich nämlich versuchen diesen Gerätchen was völlig anderes zu senden. (Hab allerdings noch keine Ahnung, wie das gehen könnte).

Besten Dank für einen Tipp,
Karsten

--
Ich bin sehr aktiv bei facebook, wo ich vor allem Fotos zeige und mich in Gruppen über alles mögliche, insbesondere meine Heimatstadt Konstanz austausche.

#278022

Johann [Gast]

16.07.2011, 01:30:43

@ Karsten Meyer

OT Gerät ermitteln

Hallo Karsten,

> Breit und Höhe sind nicht das Kriterium, sondern die
> schiere Auflösung, etwa in dpi. Kriegt man die auch irgendwie raus, auch
> ohne dieses Framwork?

bei Displays ist die Pixelzahl=Auflösung. Da ist nichts mit dpi. Die echten Abmessungen kannst Du ja nicht ermitteln, also wie lang und breit das Display in mm ist. Deshalb nix dpi.

> Dann würde ich nämlich versuchen diesen Gerätchen was völlig anderes zu
> senden. (Hab allerdings noch keine Ahnung, wie das gehen könnte).

Da kann man eine Browserweiche für Mobilgeräte nehmen (könnte ich Dir was geben in PHP) und dann an Hand dessen halt Mobilgeräte-tauglichen Inhalt generieren. Wie auch immer der aussieht.
Ist quasi eine zweite Homepage, die Du halt entsprechend designst.

Gruß,
Johann

#278023

Karsten Meyer

zur Homepage von Karsten Meyer

Konstanz am Bodensee,
16.07.2011, 01:37:34

@ Johann

OT Gerät ermitteln

> Hallo Karsten,
>
> > Breit und Höhe sind nicht das Kriterium, sondern die
> > schiere Auflösung, etwa in dpi. Kriegt man die auch irgendwie raus, auch
> > ohne dieses Framwork?
>
> bei Displays ist die Pixelzahl=Auflösung. Da ist nichts mit dpi. Die echten
> Abmessungen kannst Du ja nicht ermitteln, also wie lang und breit das
> Display in mm ist. Deshalb nix dpi.

Hmm - das Kriterium wäre aber numnal die Auflösung. Die Gerätchen bekommen immer höhere Auflösungen, werden aber nicht unbedingt größer.
Aber ich sehe schon: Wenn die Größe nicht übertragen wird, kann man halt nichts machen.

> > Dann würde ich nämlich versuchen diesen Gerätchen was völlig anderes zu
> > senden. (Hab allerdings noch keine Ahnung, wie das gehen könnte).
>
> Da kann man eine Browserweiche für Mobilgeräte nehmen (könnte ich Dir was
> geben in PHP) und dann an Hand dessen halt Mobilgeräte-tauglichen Inhalt
> generieren. Wie auch immer der aussieht.
> Ist quasi eine zweite Homepage, die Du halt entsprechend designst.

Klar, nur dass in meinem Fall nur die Startseite das Problem ist. Der Rest ist entweder kaum sinnvoll anzusehen (weil Bilder pur), oder schon jetzt gut lesbar.
Wenn du mir da was hättest, würde ich mir das gerne mal ansehen.

Schönen Gruß,
der Karsten

--
Ich bin sehr aktiv bei facebook, wo ich vor allem Fotos zeige und mich in Gruppen über alles mögliche, insbesondere meine Heimatstadt Konstanz austausche.

#278024

Johann [Gast]

16.07.2011, 01:47:53

@ Karsten Meyer

OT Gerät ermitteln

> Hmm - das Kriterium wäre aber numnal die Auflösung. Die Gerätchen bekommen
> immer höhere Auflösungen, werden aber nicht unbedingt größer.
> Aber ich sehe schon: Wenn die Größe nicht übertragen wird, kann man halt
> nichts machen.

Das ist und war schon immer so. Pixel = Auflösung. Im Printbereich haste dpi, aber nicht bei Displays.
Theoretisch schon, aber praktisch hat es keine Relevanz.

>
> > > Dann würde ich nämlich versuchen diesen Gerätchen was völlig anderes
> zu
> > > senden. (Hab allerdings noch keine Ahnung, wie das gehen könnte).

wie gesagt. Du baust eine weitere Präsenz nur für Mobilgeräte optimiert. Und auf die kann dann eine Browserweiche automatisch umleiten (in 98% der Fälle).
Nur: Für WELCHE Mobilgeräte magst Du optimieren? Deren gibt es wie Sand am Meer. Kleine, große, mittlere...

> Wenn du mir da was hättest, würde ich mir das gerne mal ansehen.

jo, da kann ich Dir eine recht umfassende Browserweiche geben, wenn Du Dich mit PHP zurecht findest.

Gruß,
Johann

#278029

keksbaecker

zur Homepage von keksbaecker

16.07.2011, 09:36:56

@ Johann

Bildergrösse in Lightbox

> doch, das kannst Du wissen. Lightbox benutzt das prototype-framework
> welches nach initialisierung der Seite mittels Javascript zur Verfügung
> steht.
> Und mittels prototype kriegt man per Javascript zum Beispiel so die aktuell
> verwendbare Screengrösse:
> Gruß,
> Johann

Du verwirrst mich damit nur noch mehr. :???: Ich habe keine Ahnung, wovon Du schreibst. Ganz ehrlich.
Heiko

--

Brot kann hart sein, kein Brot ist noch härter

#277902

keksbaecker

zur Homepage von keksbaecker

15.07.2011, 14:24:19

@ d-fens

Bildergrösse in Lightbox

> in ein <h2>-Tag eingebettet ist, vielleicht auch nicht. Das solltest du
> aber mal verbessern, zumal Fließtext in einer solchen Schriftgröße imho
> besch... aussieht.

Habs geändert.
Heiko

--

Brot kann hart sein, kein Brot ist noch härter

zurück zur Übersicht neuer Eintrag

Auf unserer Web-Seite werden Cookies eingesetzt, um diverse Funktionalitäten zu gewährleisten. Hier erfährst du alles zum Datenschutz

✖