Logo Adobe Certified Expert (ACE) und Adobe Certified Instructor (ACI) für Adobe Acrobat

09. Januar 2006

Galerieskript lightscript.js

Logo von Huddle TogetherEin schönes JavaScript-Script für eine Bildergalerie, von Lokesh Dhakar von Huddle Together. Es ist einfach zu installieren, in jedem Blog einsetzbar und einfach auf Bilder anzuwenden. Download und Installationsanleitung sind auf der Website von Lokesh zu finden, eine kurze Demonstration hier:

Durch Klick auf das folgende Bild wird ein halb-transparenter Layer geöffnet und das Bild darauf gezeigt. Zurück gehts durch Klick auf das Bild.

Ein kleines Testbild mit Sonnenuntergang

Um es einzusetzen reicht es, dem Bild-Link ein rel="lightbox" anzuhängen, man kann es also sehr einfach überall einbauen (siehe genauere Anleitung bei Lokesh). Das Skript ist »unobstrusive« – das heisst, wenn JavaScript deaktiviert ist, funktioniert das Skript zwar nicht mehr, aber der Link auf dem Bild wird dennoch ausgeführt. Wird also direkt auf das Bild verlinkt, so bleibt die Funktion komplett erhalten, es sieht nur nicht ganz so gut aus.

Dank an Jens Grochteis, bei ihm habe ich den Link gefunden und gleich ausprobiert.

[Update]

Im Internet Explorer 5.2 für Macintosh funktioniert das Skript leider nicht sehr gut — das Overlay-Bild wird nicht in die Mitte des Fensters gelegt, sondern die Mitte des Bilder liegt in der rechten unteren Fensterecke. Somit ist nur ein kleiner Teil des Fensters zu sehen. Schade; wenn ich das Problem nicht finde, muss ich wieder auf normale Art arbeiten, mit einem JavaScript-Fenster.

Von Peter am 09.01 um 21:18 Uhr. Kategorie: Blogs | HTML-CSS

Trackbacks

  1. Trackback-URL: http://www.lisardo.biz/trackback/165/zZHtHQzk/

  2. Galeriescript Lightbox JS

    Durch einen Tip von Lisardo eine recht nette Javascript Applikation für eine Bildgalerie entdeckt. Durch Anklicken des Vorschaubildes wird ein halb transparenter Layer geöffnet und das grosse Bild gezeigt. Am besten kann man dieses Script a...
    Verlinkt von: Webmasterfind Blog am 07. 01 2006

Kommentare

  1. Um den unvermeidlichen Kommentarspam zu verringern, musste ich leider einige Hürden einbauen: zunächst muss eine gültige E-Mailadresse eingegeben werden, die allerdings auf der öffentlichen Webseite nicht erscheint. Ausserdem kann der Kommentar erst nach dem Aufrufen einer eigenen Vorschau-Seite gespeichert werden. Sie müssen ausserdem einen Namen angeben (Vorname, Nachname, Spitzname oder Pseudonym).
Dieser Eintrag kann nicht mehr kommentiert werden.

Aktuelle Seminartermine:

PSO-Workflow-Kompentenzen: Normgerechte PDF-Daten erstellen nach PSO
17. September 2008, Skill GmbH in Ismaning, München Mehr Infos …
Seminar: Adobe Acrobat im PDF Workflow
30. September 2008, Skill GmbH in Ismaning, bei München Mehr Infos …
Seminar: Adobe Acrobat – PDF-Prüfung und Korrektur mit PitStop
08. Oktober 2008, Skill GmbH in Ismaning, bei München Mehr Infos …

Seminarkalender abonnieren

Icon einer Kalenderdatei
Seminarkalender als .ics-Datei: Für Kalenderanwendungen herunterladen (alle Systeme)
Icon einer Kalenderdatei
Seminarkalender für iCal: Kalender abonnieren (nur Mac OS X)