Hallo, kann jemand sagen, wie man eine Galerie erstellt, wo der Hintergrund abgedunkelt wird, und das Foto, das man angeklickt hat, zentriert im Großformat angezeigt wird? Hier habe ich eine Beispielseite: lindakoprowski.de/fotos.php?c=60
Für jede Idee wäre ich sehr dankbar…
Gruß
Adorno
Abgedunkelt wird da bei mir nichts, bzw das hängt davon ab, was
beim browser für eine Hintergrundfarbe eingestellt ist. Bei mir ist
das ein helles grau.
Die Verweise zeigen einfach auf die JPEG-Dateien, die werden
bei meinem browser dann automatisch zentriert dargestellt.
Andere browser machen das eventuell anders, hat man als Autor
keinen Einfluß drauf.
Wenn man den haben will, verweist man nicht direkt auf das
JPEG, sondern auf eine (X)HTML- oder sogar SVG-Ausgabe, worin
das JPEG zentriert ist. Bei SVG ist das einschließlich der Angabe
der Hintergrundfarbe sehr einfach zu lösen, die Sprache hat
dafür spezielle Attribute.
Bei (X)HTML braucht man dann noch für die Dekoration und die
Positionierung CSS. Weil dem CSS für solche Anwendungen
wichtige Eigenschaften fehlen, die SVG als Graphikformat hat,
kann die Zentrierung da zumindest Probleme bereiten, wenn der
Anzeigebereich kleiner als das Bild ist.
Davon abgesehen gibt es bei CSS mehrere Varianten, wie man
die Zentrierung mehr oder weniger gut hinbekommen kann.
Man braucht dafür übrigens nicht unbedingt PHP, das erleichtert
die Arbeit natürlich, wenn man die SVG- oder
(X)HTML+CSS-Ausgabe mit PHP realisiert. Da würde man dann
etwa die Bildnummer oder einen Identifizierer per GET an das
Skript übergeben, welches dann eben nur das gewünschte Bild
in die Ausgabe reinbastelt.
danke fürs Feedback…
gibt es denn irgendwo irgend welche Vorlagen, die man verwenden kann, die eben genauso funktionieren wie die Beispielseite?
Wenn du den abdunkel-Effekt meist, kannst du z.B. Litebox verwenden.
huddletogether.com/projects/lightbox2/
Auf dieser Seite wird auch dokumentiert, wie man die Bibliothek einbindet.
Damit LB beim Anwender funktioniert, muss aber Javascript aktiviert sein.
mfg, xcube
ah genau das habe ich gesucht… super… werde ich später ausprobieren… danke dir!
beste Grüße
