Shadowbox Plugin

Freches Federvieh

Hab nun wieder einmal ein paar der möglichen “Lightbox-Plugins” für WordPress getestet. Hier kommt es ja vor allem darauf an, dass sich eine Version mit den bereits vorhandenen (bzw. für andere Plugins benötigten) Javascript- bzw. jQuery Librarys verträgt. Das war bei dem von mir bisher bevorzugten Plugin “Lightbox 2.8.2” nicht der Fall.

Mein Test mit der Shadowbox verlief vielversprechend. Das Overlay funktioniert perfekt. Muss noch nachsehen, wie Bildunterschriften angezeigt werden und das Design der Bilder in der Overlay-Ansicht ein wenig anpassen.

Vorteil der Shadowbox: Es zeigt sämtliche Medien in einem sogen. modalen Window an, nicht nur Bilder. Werde gleich probieren, ob das auch mit Videos funktioniert, das wäre genial und würde mich auf ein paar anderen Seiten der Sorge entheben für jedes Medienformat ein anderes Plugin zu verwenden!

Shadowbox mit Shortcode-Trick

Um ein Video in einen Artikel einzubinden, verwendest Du nun folgenden Code:

Den folgenden Code in eckigen Klammern

yty id=’H6jVMzROVFM’

Naja, ich bin noch nicht 100% zufrieden, denn: Ich würde gerne den Titel und die Länge des Videos automatisch anzeigen lassen, da muss ich aber noch ziemlich tüfteln. Für heute hab ich’s aufgegeben.

Das Plugin, welches das könnte, ist TubePress, das verträgt sich aber nicht mit dem Shadowbox Plugin für Bilder (verwendet ein eigenes Shadowbox-Script, welches das für die Bilder aushebelt).

Ich möchte aber für die Overlay-Anzeige von Bildern & Videos nur ein einziges Plugin. Da besteh ich drauf >;o)  Und bei den Videos bilde ich mir halt ein, dass ich ein kleines Thumbnail als Vorschau sehen will und erst auf Klick wird der Videoplayer im Overlay geöffnet…

Naja, fürs Erste leben wir mal damit. Wenn Du die Shadowbox auch für Videos verwenden möchtest, dann habe ich einen kleinen Shortcode geschrieben, damit Du im Text nur mehr den obigen Code eingeben musst (und sonst gar nichts).

Dieser Code muss in Deine functions.php
[php]
<?php
function sc_yty($atts, $content = null) {
extract(shortcode_atts(array(
"id" => ”
), $atts));
return ‘<a href="http://youtube.com/v/’.$id.’"><img class="alignleft" src="http://img.youtube.com/vi/’.$id.’/1.jpg" alt="" /></a><br />’;
}
add_shortcode("yty", "sc_yty");
?>
[/php]
Das generiert aus dem oben gezeigten “Shortcode” (also nur die Video-ID in eckigen Klammern)  ein korrekt verlinktes Thumbnail für Dein Video.

Diesen Artikel via Bookmark-Service empfehlen