Gallerie: One more way ...

Geschrieben von: Andreas Berger

Samstag, den 19. April 2008 um 07:46 Uhr

one more way to skin a deer ...

Ein zugegebenermaßen seltsamer Name für ein Galleriescript, umso mehr als es eigentlich kein Script ist, denn mit javascript hat es nur insofern zu tun, als keins verwendet wird. Verwirrt genug? Fein.

Worum geht es nun wirklich?

Die hier gezeigte Seite war 2003 Bestandteil meiner Abschlussarbeit eines Webdesign-Kurses. Sie stellte drei vom Ergebnis her absolut idente Gallerien gegenüber, die Erste realisiert mit Flash, die Zweite mit JavaScript und die Dritte, um die es hier geht, nur mit HTML und CSS.

Inspiration für diese Gallerie waren die CSS-Experimente auf lofotenmoose.info, damals noch literarymoose.info. Das dort aufgeschnappte Sprichwort "There are many ways to skin a deer" stand auch Pate für den Titel, eben ein weg mehr. Das auf literarymoose.info gezeigte Beispiel verwendete moderne CSS-Selektoren um mit :hover und :hover:after bilder einzufügen. Das klappte in Firefox und Opera, nicht jedoch im InternetExplorer. Da dieser Browser auf meinen Seiten (im Unterschied zu lofotenmoose.info) aber nicht ausgesperrt ist, geriet mein Ansatz eher als "lowtech"-Ausführung, dafür läuft er auch im InternetExplorer.

Das ganze ist vermutlich nicht die Zukunft der Bildpräsentation, aber eine - wie ich finde - nette Spielerei und immerhin ein Weg, eine Gallerie mit Thumbnails völlig ohne irgendwelche Scripts und Plugins zu realisieren.

Das Konzept ist bislang wie folgt getestet:


Internet Explorer	6
Internet Explorer	7.0	J
Internet Explorer	8
Firefox	2.0.0.16	J
Firefox	3.0.1	J
Opera	9.25	J
Safari	3.11	J

Beispiel (in einem Inline-Frame angezeigt):

Lizenz:
Kostenlos, solange die Copyrighthinweise im Quelltext an Ort und Stelle verbleiben.
Keine Haftung, keine Garantie!

Sonstiges:
Wenn jemand Gelegenheit findet, auf seiner Webseite einen Link auf www.bretteleben.de zu setzen, dann freut mich das natürlich, weil es mithilft, das Konzept bekannter zu machen. Bislang ist das Konzept "one more way ..." in verschiedenen JavaScript - Resourcen verlinkt, darunter auch dem größten mir bekannten JavaScript - Archiv: HotScripts.

Für Fragen und Anregungen steht die Kommentarfunktion zur Verfügung, auch Berichte über Erfahrungen mit anderen Browsern/Betriebsystemen sind immer willkommen.

Das ZIP-Archiv enthält (vergrößert) die oben angezeigte Beispielseite.

Downloads:
Datei	Zuletzt bearbeitet
onemoreway.20080503.zip	2008-05-11

Zuletzt aktualisiert am Samstag, den 14. Februar 2009 um 09:45 Uhr

Kommentare (2)

@Tobi

2 Sonntag, den 14. Februar 2010 um 13:27 Uhr

A. Berger

Hallo Tobi!

Das Joomla! Plugin bietet zur Zeit auch nur die Option, die Thumbnails unter dem Hauptbild anzuordnen. Und zwar aus dem ganz pragmatischen Ansatz heraus, dass die hier gewählte Anordnung auf eine gewisse Anzahl von Bildern limitiert ist, während das Joomla! Plugin möglichst breit einsetzbar sein soll. Auch wenn das Plugin in Zukunft vielleicht auch andere Layouts beinhalten wird - dieses wird deshalb ziemlich sicher nicht dabei sein.

Gruß
Andreas

Joomla CSS Gallery

1 Sonntag, den 14. Februar 2010 um 13:11 Uhr

Tobi

Hallo Andreas, danke für den Hinweis.. Ich habe die Gallery nun am laufen bei mir und sie funktioniert einwandfrei.

Was ich allerdings nirgens finden konnte ist die Anordnung der Thumbs, so wie in diesem Bsp. das die Thumbs rund um das Mainbild verteilt sind, sowas hätte ich gerne mal ausprobiert.

Gruss Tobi