21. Juli 2010 - 19:34
Wieder mal gibt es ein kleines Update auf redpanda.ch. Twitter ist in aller Munde und zu Twitter gibt es gefühlte 2 Millionen verschiedene Widgets welche man auf der eigenen...
12. Juli 2010 - 10:15
Entgegen meiner Annahme, dass das nächste Release von Drupal 7 bereits eine Beta Version ist, kam am Samstag die 6 Alpha Version von Drupal 7 zum vorschein. Die genauen...
9. Juli 2010 - 10:23
Beim heutige Thema zum Webmaster-Friday geht es darum, wann eigentlich die richtige Zeit zum Bloggen ist. Ein spannendes Thema und ich bin auf die vielen anderen Meinungen schon...

Link mit Lightbox Effekt öffnen

DruckversionSend to friendPDF Version

Immer wieder kommt es mal vor, dass man in einem Blogeintrag oder auf einer Webseite einen Link erstellt, welcher dann ein PopUp öffnen sollte. Der geneigte Webmaster weiss aber, dass viele Leute einen PopUp Blocker haben und sich dann die Seite so nicht öffnen wird. Was kann man dagegen tun? Diese Frage habe ich mir ebenfalls überlegt. Lösung: Lightbox2

Bis jetzt habe ich den Lighbox Effekt nur mit ImageCache oder mit IMCE eingefügten Bildern verwendet und dort soweit alles automatisiert, dass ich mich nicht mehr darum kümmern musste.

In einem neuen Projekt, würde ich gerne Content von lastfm.de einbinden. Leider gibt es dazu im Moment noch kein fertiges Modul von Drupal, daher dachte ich mir, ich öffne einfach mal die neue Seite mit einem Lightbox-Effekt. Dies hat den grossen Vorteil, dass der Besucher auf meiner Seite bleibt und mir der PopUp Blocker auch nicht in die Quere kommt.

Nach einer kurzen Suche habe die Lösung gefunden. Eigentlich ganz einfach, man muss das "rel"-Attribut im Link in "lightframe" ändern und schon öffnet sich die Seite mit einem Lightbox-Effekt:

Basic: Mehr Infos zum Künstler

<a href="http://www.lastfm.de/music/DefLeppard" rel="lightframe">Mehr Infos zum Künstler</a>

Mit Legende: Mehr Infos zum Künstler

<a href="http://www.lastfm.de/music/DefLeppard" rel="lightframe[][Def Leppard]">Mehr Infos zum Künstler</a>

Die Grösse des Lighbox-Fenster wird, in den oberen zwei Beispielen, in der Grundkonfiguration vom Lightboxmodul (Einstellungen ⇒ Lightbox2 ⇒ HTML Content) eingetragen. Selbstverständlich kann die Grösse aber auch direkt im Link mit eingetragen werden:

Mit Grössenangaben: Mehr Infos zum Künstler

<a href="http://www.lastfm.de/music/DefLeppard" rel="lightframe[|width:400px; height:300px; scrolling: auto;]">Mehr Infos zum Künstler</a>

Mit Grössenangaben und Legende: Mehr Infos zum Künstler

<a href="http://www.lastfm.de/music/DefLeppard" rel="lightframe[|width:400px; height:300px; scrolling: auto;][Def Leppard]">Mehr Infos zum Künstler</a>

Das sind mal die gängigen Lösungen, welche für mich interessant sind. Die vollständige Dokumentation zum Lightbox Modul findest du hier. Ein Livebeispiel was alles mit Lightbox gemacht werden kann, ist hier zu sehen.

Noch keine Bewertungen

Kommentare

Problem mit Lightbox

Hallo Michi!

Ich habe Deinen Beitrag "Link mit Lightbox Effekt öffnen" (erstellt am 3. Juni 2009) gelesen und wollte gerne in die Lightbox die Möglichkeit einbauen, dass man Websites damit betrachten kann...! ich habe auch den "rel" befehl von "lightbox" in "lightframe" abgeändert, jedoch öffnet sich damit nur ein neues Tab im Browser..., also der Lightboxeffekt ist ganz weg! Ist die Modifikation nur mit der Lightbox 2.0 und nicht mehr mit der version 2.04 möglich???

Wäre über eine Antwort sehr dankbar!

Gruß
Pascal

PS: Netter Blog!!