Contao Tipps

Eine Seite zurück
Reset Filterauswahl

Mediabox auf Deutsch / Weißes Thema

Seit TYPOlight Version 2.8.2 wird mit der Mediabox ein sogenanntes "white theme" mitgeliefert. Dabei wird der Hintergrund mit der Farbe Weiß halbtransparent und auch der Rahmen um das Bild wird weiß.

Für TYPOlight 2.8 wurde bereits gezeigt, wie das umgesetzt wird. Hier nun für Contao 2.9 die angepasste Variante. (ab Contao 2.9.1) Dazu erstellt man eine Kopie von moo_mediabox.tpl (z.B. moo_mediabox_white.tpl) und fügt folgenden Code ein:

<?php

// Add mediabox style sheet
$GLOBALS['TL_CSS'][] = 'plugins/mediabox/css/mediabox_white.css?'. MEDIABOX .'|screen';

?>

<script type="text/javascript" src="plugins/mediabox/js/mediabox.js?<?php echo MEDIABOX; ?>"></script>
<script type="text/javascript">
<!--//--><![CDATA[//><!--
Mediabox.scanPage = function() {
  var links = $$("a").filter(function(el) {
    return el.rel && el.rel.test(/^lightbox/i);
  });
  $$(links).mediabox({counterText: '<p><br />(Bild {x} von {y})</p>'}, null, function(el) {
    var rel0 = this.rel.replace(/[[]|]/gi," ");
    var relsize = rel0.split(" ");
    return (this == el) || ((this.rel.length > 8) && el.rel.match(relsize[1]));
  });
};
window.addEvent("domready", Mediabox.scanPage);
//--><!]]>
</script>

Natürlich geht das eindeutschen auch mit dem schwarzen Layout. Dazu einfach mediabox.css anstatt mediabox_white.css laden. Der deutsche Text wurde noch in <p> Tags und einem <br> eingebunden. Grund ist ein kleiner Bug in Mediabox, was dazu führen kann, dass der Beschreibungstext nicht vollständig angezeigt wird, da die Höhe dafür falsch berechnet wird.

Die Tags zwingen nun die Mediabox dazu die Höhe zu erweitern. Dadurch entstehen zwar ab und zu darunter unschöne Abstände, aber der Text ist dafür vollständig, was wichtiger ist.