Archiv für November 2008

Lightbox, ThickBox, FancyBox etc. – Online Bildergalerien im neuen Look

Moderne Bildergalerien: Lightbox, ThickBox, FancyBox, prettyPhoto

Out ist:

  • Bilder in Popup-Fenstern öffnen
  • Bilder in neuem Browserfenster öffnen
  • Ganze HTML-Seiten für je ein Bild verschwenden

In sind:

  • Stylische Fenster mit Schlagschatten und Verdunklung der Umgebung
  • Automatische Größenanpassung an das Browserfenster
  • Komfortable Navigation innerhalb der Galerie. Das können:
  • Javascript-Galerien die auf Bibliotheken wie Prototype und jQuery aufbauen

Lightbox

Angefangen hat es mit Lokesh Dhakar’s Lightbox bereits 2005. 2007 folgte dann die weiterentwickelte Lightbox 2, die schon einiges mehr kann und deren Fenster sich animiert an die Größe des Bildes anpassen. Das freie Script von Lokhesh Dhakar verbreitete sich rasend schnell im Netz und wo man auf einer (gut gemachten) Website Bilder anschauen konnte, da sah man durch die Lightbox. Lightbox benutzt ein Javascript Framework namens Prototype, das ebenfalls frei verfügbar ist. Mittlerweile gibt es unzählige Clones von Lightbox im Web, unter anderem auch adaptiert auf die zur Zeit populärere Javascript-Bibliothek jQuery (z.B. das jQuery lightBox plugin).

ThickBox

Dann kam die Thickbox (mittlerweile Version 3.1), die von der Animation her etwas weniger zu bieten hatte – mit dem Vorteil, schnell am Bild zu sein, das man anschauen will. Sieht zwar super aus, wenn das Fenster erst langsam in die Größe des Bildes morpht, dauert aber lang. Ein weiterer ganz großer – fast unschlagbarer – Vorteil der Thickbox: Man kann nicht nur Bilder, sondern nahezu alle beliebigen Inhalte anzeigen, Galerien, Inline Content im iFrame und sogar Ajax Content.

prettyPhoto

Wem das alles gefällt, dem sei prettyPhoto ans Herz gelegt. Hier wurde mit jQuery ein Lightbox-Klon geschaffen, der wirklich einiges kann. Sieht richtig gut aus und kann: Einzelne Bilder, ganze Galerien, Kommentarboxen, Popups, Checkboxes oder Ajax Content. Donnerwetter – fett!

FancyBox

…und wer jetzt noch das alles – also Bilder, Galerien oder iFrame Content – ästhetisch animiert und funktional perfekt im tollen Mac-like Look braucht, für den gibt es die absolute Top-Empfehlung, was Bildergalerien auf dem neuesten Stand der Technik und des Designs betrifft. Auf jQuery basierend, alle Lightbox Clones toppend, wirklich fresh: FancyBox

jQuery.popeye

Ein weiteres, auf jQuery basiertes, Bilderviewer-/Gallery-Tool ist jQuery.popeye, das Bilder anzeigt, die sich als Inline Content auf der Seite befinden. So ist es zum einen besonders gut geeignet für Single Page Sites und zum anderen werden die Bilder auf jeden Fall auch angezeigt, wenn JavaScript und CSS abgeschaltet sind (Accessibility!).

Smooth Gallery

Wer wirklich nur eine Bildergalerie braucht, bei der er aber viele Möglichkeiten haben möchte, dem sei JonDesign’s, mit dem Mootools Framework arbeitende, Smooth Gallery empfohlen.

Wie man in sozialen Netzwerken Aufmerksamkeit gewinnt

Mathematisches Modell entschlüsselt Youtube-Nutzung (aus ETH Life)

Weshalb werden einzelne Videos auf YouTube millionenfach gestreamt, während ein Großteil der Beiträge nur einzelne Zuschauer findet? Eine neue Studie zeigt, dass die wachsende Aufmerksamkeit in sozialen Systemen wie der YouTube-Gemeinschaft nach bestimmten, wiederkehrenden Mustern verläuft. Mit mathematischen Modellen können diese beschrieben werden.

Wie erklärt sich das soziale Verhalten namens “Herding”auf Plattformen wie Youtube? Wie beeinflussen nichtlineare Prozesse den Vorgang der Verbreitung von Inhalten?

Wodurch zeichnen sich Inhalte mit “viraler” Verbreitung aus, die nicht nur für kurze Zeit höchst populär sind und dann von der Bildfläche verschwinden, sondern sich epidemieartig über weite soziale Netzwerke ausbreiten? So zum Beispiel über Empfehlungen per E-Mail und vor allem die Zitierpraxis in Blogs.

Und  wie lässt sich dieses Wissen nutzen, um eigene Inhalte möglichst weit, schnell und möglichst effizient zu verbreitern?

(via @ValetarAlexander Valet Computational Linguistics)