Tag Archive for 'JavaScript'

Bilder darstellen mit JavaScript - Lightbox 2 und GreyBox

Keine Lust mehr auf eine normale Bildergalerie? Mit Lightbox 2 oder GreyBox kann man Bilder mittels JavaScript auf eine moderne Weise darstellen ;)

Dabei wird bei beiden Scripten das Bild im Vordergrund geöffnet, während im Hintergrund die Webseite weiterhin geöffnet bleibt.

Lightbox 2


Screenshot von der Projektseite.

Das Beispielbild wird im Vordergrund geöffnet, der Rest der Webseite wird zur gleichen Zeit “verdunkelt”. Der Einbau in die eigene Webseite ist ausführlich auf der Projektseite dokumentiert. Dabei muss man lediglich ein paar JavaScripts und ein Stylesheet einbinden. Lightbox 2 ist unter der Creative Commons Attribution 2.5 License lizensiert.

GreyBox

Screenshot von der Projektseite

Bei diesem Script wird ebenfalls das Bild im Vordergrund geöffnet, während der Hintergrund verdunkelt wird. Das Design der Darstellung ist ein kleines Bisschen anders als bei Lightbox 2. Zudem besteht die Möglichkeit neben Bildern auch ganze Webseite mittels “JavaScript-Popup” zuöffnen (dabei wird ein I-Frame benutzt.)

Dieses Script ist unter der LGPL lizensiert.

Die Scripte gibts bei den Projektseiten zum Download. Für manche Weblogsysteme gibt es zudem Plugin, wodurch der Einbau nochmal vereinfacht wird ;)

Ähnliche Beiträe

  • Ubuntu Countdown :)
  • Timtube? Das neue YouPorn?
  • [Codeschnipsel] PHP Weiterleitung