Drupal: Lightbox2 HTML Inhalte per inline-Attribut im Layer öffnen lassen

Submitted by Julian Pustkuchen on 15. September 2011 - 19:34

Die Lightbox2 ist ein sehr mächtiges Drupal Modul.
Viele Funktionen sind eher unbekannt, wie beispielsweise die zahlreichen Optionen zum Laden von Link-Inhalten.

Für die Verwendung im Inline-Code gibt es festgelegte "rel"-Attribute, die dem Link (<a href="??">!!</a> ==> <a href="??" rel="INSERT_HERE" >!!</a>) zugewiesen werden.

Daher hier einige Tipps:

HTML-Link in Lightbox laden lassen (iframe):
rel="lightframe"

Bild in Lightbox laden lassen:
rel="lightbox"

Bild in Lightbox laden lassen als Galerie / Image Set:
rel="lightbox[galerieId]"

Modale Lightbox verwenden:
rel="lightmodal"

Slideshow:
rel="lightshow[galerieId]"

Wenn euch weitere Codes bekannt sind, ergänze ich die Liste sehr gerne und bitte um Kommentare.

Hier findet ihr weitere HowTos zur Lightbox2 in Drupal:
http://drupal.org/node/252261

Ein fertiges Beispiel sieht dann so aus:
<a href="files:images/xyz/foto_big.jpg" rel="lightbox" title="Vollansicht des Bildes"><img src="files:images/xyz/foto_thumb.jpg" alt="Mini-Version des Bildes" /></a>

Einordnung:

Comments

Post new comment

Your name: *

E-mail: *

The content of this field is kept private and will not be shown publicly. If you have a Gravatar account associated with the e-mail address you provide, it will be used to display your avatar.

Homepage:

Subject:

Comment: *

Web page addresses and e-mail addresses turn into links automatically.
Internal paths in single or double quotes, written as "internal:node/99", for example, are replaced with the appropriate absolute URL or path. Paths to files in single or double quotes, written as "files:somefile.ext", for example, are replaced with the appropriate URL that can be used to download the file.
Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd><blockquote>
Lines and paragraphs break automatically.
Pairs of<blockquote> tags will be styled as a block that indicates a quotation.
You can enable syntax highlighting of source code with the following tags: <c>, <cpp>, <css>, <drupal5>, <drupal6>, <java>, <javascript>, <mysql>, <php>, <python>, <ruby>, <smarty>, <xml>. The supported tag styles are: <foo>, [foo]. PHP source code can also be enclosed in <?php ... ?> or <% ... %>.
Textual smileys will be replaced with graphical ones.
Each email address will be obfuscated in a human readable fashion or (if JavaScript is enabled) replaced with a spamproof clickable link.

More information about formatting options

Notify me when new comments are posted

Word verification: * Type the characters you see in this picture.

(verify using audio)

Type the characters you see in the picture above; if you can't read them, submit the form and a new image will be generated. Not case sensitive.

Julian Pustkuchen ist passionierter Software- & Webentwickler mit den Schwerpunkten Softwaredesign, Objektorientierung, Ablaufoptimierung und Usability bei webks. Ein weiterer Schwerpunkt ist die Entwicklung im CMS Drupal.
Er besitzt einen Abschluss als B.Sc. Wirtschaftsinformatik (dual) und studiert derzeit für seinen Abschluss als Master of Science Wirtschaftsinformatik.