Startseite Javascript One more way ...
2010-08-01
Hauptmenü
externe Links
Meist gelesen
Support

Wenn Sie die Erweiterungen und Scripts auf diesen Seiten nützlich finden, freue ich mich über Ihre Unterstützung. Danke!

Betrag: 

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:

 WindowsMac OSXLinuxFreeBSD
MSIE Internet Explorer
6    
MSIE Internet Explorer 7.0J   
MSIE Internet Explorer 8    
FireFox Firefox
2.0.0.16J   
FireFox Firefox
3.0.1J   
Opera Opera
9.25J   
Safari Safari
3.11J   

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:
DateiZuletzt bearbeitet
Diese Datei herunterladen (onemoreway.20080503.zip) onemoreway.20080503.zip2008-05-11
Zuletzt aktualisiert am Samstag, den 14. Februar 2009 um 09:45 Uhr
 
Kommentare (9)
@Tobi
9 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
8 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
@Tobi
7 Montag, den 21. Dezember 2009 um 09:33 Uhr
A. Berger
Hallo Tobi!

Das entsprechende Joomla! Plugin ist die CSS Gallery.

Gruß
Andreas
Auch für Joomla
6 Sonntag, den 20. Dezember 2009 um 23:35 Uhr
Tobi
Hallo miteinander...

Erstmal ein GROSSES LOB an den Webmaster von brettleben, sehr tolle Seite und schöne Entwicklungen! Nun zur Frage:

Wo findet man die Gallerie für Joomla? Bei der Umfrage rechts steht "erledigt" Ich finde unter dem Menüpunkt Joomla aber keine One more Way Komponente ?
@Marion
5 Samstag, den 07. Februar 2009 um 22:12 Uhr
A. Berger
Hallo Marion!

Naja, Du könntest entweder sagen, was genau Dir Probleme bereitet; oder einen Link zu einer Testseite posten; oder aber Deine Testseite zippen, mir per Mail schicken, und beschreiben, was Du vorhast und wo es hakt.

Gruß
Andreas
Einbinden in HP Bildergalerie "one more way"
4 Samstag, den 07. Februar 2009 um 22:00 Uhr
Marion
Hallo, diese Bildergalerie finde ich ganz toll. Kriege es aber nicht mit dem Einbinden hin. Bin schon völlig verzweifelt. Gibt es eine Hilfe dazu?
Liebe Grüße von der Ostsee
Marion Sehmel
IE 6
3 Freitag, den 09. Januar 2009 um 09:57 Uhr
Andy
Zur Info:

Läuft auch hervorragend im IE 6

Gruß Andy
@Brigitte
2 Freitag, den 17. Oktober 2008 um 16:33 Uhr
A.Berger
Hallo Brigitte!

Naja, der Clou bei der ganzen Geschichte ist eben, dass es kein Script gibt. Die Gallerie funktioniert mit X-HTML und CSS alleine.
Wenn Du Dir mal den Quelltext der enthaltenen demo.html ansiehst, dann findest du dort den gesamten Aufbau.

Das bedeutet, dass man das Konzept in seine Seite manuell integrieren muss. Zugegeben, keine Click-und-Fertig-Lösung, aber eine Variante für Websites, die ohne Javascript auskommen möchten.

mfg
Andreas Berger
One more Way
1 Freitag, den 17. Oktober 2008 um 08:27 Uhr
Brigitte
Hi,
ich finde diese Gallery sehr schön und würde sie gerne auf einer meiner beiden Pages bringen. Habe es runtergeladen und sie da ich bekomme die bilder und die Thumbs, aber nicht das passende Script zum einbauen oder habe ich da was falsch verstanden????????

LG
Brigitte
Deutsch
Panoramic Image Viewer
AddThis Social Bookmark Button
Wer ist online
Wir haben 29 Gäste online
Neueste Beiträge