Fotos lassen sich auf vielfältige Weise präsentieren. Auf einer großen Fläche, im Raster, in Diashows oder mit Vorschaubildern. Eine geschickte Präsentation wertet die Fotos auf und hilft dem Betrachter sich zurechtzufinden. Das gilt umso mehr, je mehr Abbildungen vorhanden sind. Es versteht sich von selbst, dass mehr als nur eine Lösung zur Verfügung steht. Ganz nach Geschmack und handwerklichen Fähigkeiten. Spezielle technische Voraussetzungen muss man kaum erbringen. AJAX und Javascript dominieren. Schauen wir uns doch einmal um…
AJAX Fotogalerien und Lightboxen
- Minishowcase
Schlanke AJAX Bildergalerie. Minishowcase kommt trotz Umfang ohne Datenbank aus.
- Pyxy-Gallery
Eine AJAX Bildergalerie mit Lightbox in PHP und JavaScript.
- ZenPhoto
Eine Flickr-ähnliche, kostenlose AJAX/PHP Fotogalerie.
- Couloir Resizing, Fading Slideshow Demo
AJAX Foto Slideshow. - Grey Box
Einzelbilder und Content aller Art in einem freundlichen PopUp. - JonDesigns SmoothGallery
Galerien mit viel Effekt und dennoch ein leichtgewicht. Auf Basis der Mootools. Für Galerien und Präsentationen.
- Lightbox2
Dieser Klassiker basiert auf dem Prototype Framework und der Scriptaculous Effekt Bibliothek. - Litebox
Eine modifizierte, verschlankte Version der Lightbox 2.
- Multifaceted Lightbox
Und noch eine Javascript-Lighbox.
- Slightly ThickerBox 1.7
Eine Version von Cody Lindley’s Thickbox Sscript. Das Script generiert Links zu “Previous Image” und “Next Image”. Und ermöglicht es Galerien zu gruppieren.
- AJAX Photo Gallery
Erzeugt Online Bildergalerien für Inhalte aus ikGoogles Picasa.
- Slimbox
Ein besonders schlanker Lightbox 2.0 Klon auf Basis der Mootools.
- Suckerfish HoverLightbox
Moderne Bildgalerien mit Blick auf Usability and Accessibility.
- Suckerfish HoverLightbox Redux
Eine verbesserte Version der HoverLightbox. - ThickBox 2.1.1
AJAX-Script auf Basis einer jQuery Bibliothek.
- TripTracker
Ein JavaScript Bildbetrachter mit Slideshow. Eine kostenpflichtige Lösung die ab 25 Dollar zu haben ist.
CSS Fotogalerien
- A Photograph Gallery
CSS Fotogalerie von Stu Nicholls. Bei MouseOver werden die Bilder in voller Größe angezeigt. Downloads gibt es bei Stu nicht, man muss sich an den Quellcode der Demoseiten halten.
- A simple CSS Photoalbum
Ein einfaches CSS Photoalbum. Wiederum von Stu Nicholls.
- Dynamic Drive CSS Library – CSS Image Gallery
CSS Bildergalerie mit Thumbnail-Vorschau. Bei MouseOver werden die Thumbnails vergrößert angezeigt
- Cross Browser Multi-Page Photograph Gallery
Eine Cross Browser Fotogalerie, basierend auf der Suckerfish HoverLightbox. Anders als diese kommt die Fotogalerie ohne JavaScript aus, sie wurde mit reinem CSS realisiert.
- CSS: Photo Showcase
CSS Fotogalerie mit Thumbnails
- Hoverbox Image Gallery
Die Hoverbox ist eine Bildergalerie, die ausschließlich mit CSS und XHTML erstellt wurde.
- Photo Scroll Gallery
CSS Fotogalerie. Die Thumbnailvorschau lässt sich scrollen. Bei on hover wird das Bild in mittlerer Größe gezeigt, bei on click in voller Größe.
- Sliding Photograph Galleries
Vertical und horizontal “Sliding” Fotogalerien. Bei on hover wird die volle Größe der Bilder angezeigt.
JS, CSS & DHTML Fotogalerien
- easyAlbum
DOM Fotogalerie.
- ImageGal
Ein PHP-Script, das eine JS/CSS/DHTML Fotogalerie erzeugt. Dazu einfach das Script in den Bilderordner kopieren.
- Highslide JS
Ein für den privaten Gebrauch kostenloser Thumbnail-Viewer
- xImgGallery – Javascript Image Gallery & Slideshow
JavaScript Bildergalerie und Slideshow.
Weitere Beiträge:
- 5 Ideen wie Sie wiederkehrende Arbeitsschritte & Marketingprozesse gewinnbringend im Internet automatisieren! Ein Gastbeitrag von Robert Nabenhauer.
- Wachstum durch Facebook-Gewinnspiele: Wie Sie über Facebook virale Gewinnspiele & eine schnell wachsende Fangemeinde aufbauen
- Wie Sie aufmerksamkeitsstarke Prelaunch-, Launch- und Relaunch-Szenarien aufbauen und dabei Viralität, Spannung & Kaufkraft erzeugen
- Wie Sie waschechte Iphone-Apps mit PhoneGAP entwickeln, um am lukrativen App-Markt mitzumischen
- Wie Sie Ihr Shop-Sortiment so präsentieren, dass der Kunde in Zukunft mehr findet und eher kauft! Ein Gastbeitrag von Nicolas Schmidt-Voigt.
- 11 faszinierende BuddyPress-Plugins, um kostenlos aus WordPress ein soziales Netzwerk zu zaubern
- Die Vorboten einer neuen Internet-Industrie! Ein exklusiver Rückblick & Blick hinter die Kulissen der Clickbank-Exchange 2011 in New York.
Loading ...
http://www.dhonishow.de
EasyImage fehlt noch find ich
Ist ne gute Galerie die Automatisch alles macht
PHP Bildergalerie (easyImage)
OMG, diese Seite ist zuuu geil
danke fuer die hammerlinks, leute ich liebe euch :p
Ihr habt Pixlie vergessen.
Hochachtung, sooo super.
Ein für uns armen Webmasta’s ständiges brennendes Thema
hervorragend herausgearbeitet.
Weiter so Dottore di Web….
An dieser Stelle möchte ich doch mal kurz auf meine Seite hinweisen:
Gratisscript.de
Da sammel ich zur Zeit entsprechende Scripts, die mindestens für die private Nutzung kostenlos sind, inklusive Vorschau und entsprechenden Hinweisen zu Einbau bzw Konfiguration, so dass man bereits im Vorfeld beurteilen kann, ob die Galerie das Richtige ist.
Allerdings sind es noch nicht allzu viele Einträge, da sich die Seite noch im Aufbau befindet. Aber es wird immer mehr
In der Auflistung fehlt noch Simpleviewer: http://www.airtightinteractive.com/simpleviewer/
Schönes Panorama, aber ehrlichgesagt fänd ich eine übersichtliche Liste von Vor- und Nachteilen der Bildergalerien sinnvoll. Hold on.
Eine schöne Lösung finde ich Satellite. Nutz die Daten eines Flickr Account und erstellt so die ganze Gallery.
Hallo Dr. Web,
DAS nenne ich mal eine informative und spannende Zusammenstellung. Danke dafür ! Dann werde ich neben den fotoutisten auch mal versuchen meine bilder selbst so zu präsentieren. Ich bin gespannt auf die Funktionalität.
nützlich… aber irgendjemand klaut hier doch?
http://www.smashingmagazine.com/2007/05/18/30-best-solutions-for-image-galleries-slideshows-lightboxes/
das “klaue” ich sozusagen bei mir selbst. habe ich mir aber erlaubt
kein grund zur besorgnis also.
Schöne Liste, schade das es die nicht schon früher gab. War auf der Suche nach ner einfachen und eleganten, SimpleViewer war da Top, bis auf dass es Flash war. Also hab ich selber losgelegt und das Ergebnis heisst Imago
Zwar sehr spät, aber heute doch noch gefunden. Super.
Na endlich mal eine Seite im www, welche die Menschheit auch brauch!!! Geniale Zusammenstellung – hat mir wirklich geholfen -
Deshalb DANKE
Hallo!
Ich habe mal alle Links durchgearbeitet und finde Highslide JS ganz toll. Werde das wohl anwenden. Auch den Tipp von Steffen zu http://www.pixlie.de habe ich schon ausprobiert, sehr praktisch. Nun, viele Leute schauen sich wohl diese Seite nicht an, aber macht nichts, mit hat sie geholfen. Werde noch zu http://www.drweb.de/magazin/moderne-bildprasentation-im-web-20/
surfen.
Danke!
Weitere Anregungen:
o Easy Ajax Album 1.0.beta-1
http://blog.firetree.net/2007/04/04/easy-ajax-album-10beta-1/
o expose4 (Flash!)
http://www.slooz.com/trinkets.php
Eine schöne Zusammenstellung an Galerien, besonders CSS Fotogalerie mit Thumbnails gefällt. Vielen Dank.
Interessante und Informative Webseite und man kann einiges verwenden.
Hallo Leute,
grandiose Linksammlung
beste Grüße
Martin
Hallo Leute,
nix für ungut, aber mir hilft das hier leider nicht weiter.
Deswegen frag ich mal so, ob mir einer helfen kann.
Ich suche ein Programm um eine ganz schlichte Galerie für ne
Homepage zu erstellen. Ohne Schnick schnack, ohne Thumbnails,
weißer Hintergrund.
Will da nur ne Bildbeschreibung drunter haben und irgendwo die Pfeile
zum weiterklicken zum nächsten Bild. Mehr nicht.
Mit den angebotenen Links hier finde ich nicht das richtige, bzw. ich
habe keine Ahnung wie es funktioniert
Hab mir z.B. dieses “Imago” oder “Simpleviewer” runter geladen. Aber
da gibts keine .exe Datei oder sowas. Wat muss ich denn da bitte machen?
Also so umkomplizert wie alle behaupten finde ich das nicht.
Danke schon mal für eure Hilfe
Alex
Hier ist noch eine sehr schöne Galerie mit Bild zoom funktion: http://www.ajax-zoom.com
Das einzige manko ist man benötigt PHP und für viele Fotos ist die Galerie kostenpflichtig. Sieht aber echt interessant aus und ist mal was anderes.
Ich würde an dieser Stellle noch ganz gerne easyImage erwähnen, dass fügt die Bilder sogar automatisch hinzu Webseite
http://www.easy-image.com
Java-Script ist bei sicherheitsbewussten Surfern meist deaktiviert.(Tracking u.ä.) Java ist für solche Nutzer erst recht keine Alternative (verbindet sich, meist unbemerkt, mit dem SUN-Server…). Also nutzen Sie CSS! Es ist offizieller Standard, ermöglicht barrierefreie Webseitengestaltung und es gibt keine sicherheistrelevanten Aspekte.
Weitere, nur mit CSS gestaltete Fotogalerien finden Sie auch auf cssapps.de.
Wenn es jemanden interesiert:
Ich hab auch eine Galerie erstellt.
http://galerie.entwicklerpages.de/