Contao Tipps

Eine Seite zurück
Reset Filterauswahl

Mediabox auf Deutsch / Weißes Thema

Ab 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ß.

Im Ticket System kam die Info wie man das aktiviert und dabei gleichzeitig die Mediabox eindeutscht. Da die Buttons dabei schon auf neutralen Symbolen geändert wurden, reicht es nur den Text "x of y" zu ändern.

 

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|screen';

?>

<script type="text/javascript" src="plugins/mediabox/js/mediabox.js"></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>

Eine für Contao 2.9 angepasste Variante ist hier zu finden.

 

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, das 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.