Montag, 5. April 2010

Lightbox für Blogger - Blogspot nutzen

Wenn ich mir im Web Bilder ansehe, mag ich es nicht, auf andere Seiten verwiesen zu werden, ergo die momentane Seite zu verlassen, um ein Bild in Großansicht sehen zu können. Dafür gibt es derweil viele nützliche Plugins für viele Blog- und CMS Systeme. Lightbox z.B. ist sehr verbeitet. Das Problem an diesen Scripten ist, mann muss sie selbst hosten, somit benötigt man einen Webspace, der JavaScript gestattet.


Thomas Bündinger von esmussdoch.de stellt diesen zur Verfügung. Er hat ein schönes Tutorial geschrieben, wie man auch bei blogger.com das Lightbox Script verwenden kann. Mann muss lediglich 2 Zeilen Code kurz dem Ende des </head> Tags einfügen.




Wenn Ihr nun Bilder postet, wechselt Ihr in die "HTML bearbeiten" Ansicht des Editors und ergänzt den Code, der das Bild einbindet um folgendes: rel="lightbox"

Ohne Lightbox:


Beispiel ohne Lightbox:


Mit Lightbox:


Beispiel mit Lightbox:


Mit Lightbox und Bildunterschrift (title-Attribut):


Beispiel mit Lightbox und Bildtitel:

Keine Kommentare:

Kommentar veröffentlichen