Mediabox auf Deutsch: Unterschied zwischen den Versionen
Aus Contao Community Documentation
K (Variante ab Contao 2.9.1) |
K |
||
| Zeile 14: | Zeile 14: | ||
* fertig | * fertig | ||
| − | + | ==Variante ab Contao 2.10== | |
<source lang="javascript"> | <source lang="javascript"> | ||
<?php | <?php | ||
// Add mediabox style sheet | // Add mediabox style sheet | ||
| − | $GLOBALS['TL_CSS'][] = 'plugins/mediabox/css/ | + | $GLOBALS['TL_CSS'][] = TL_PLUGINS_URL . 'plugins/mediabox/'. MEDIABOX .'/css/mediaboxAdvBlack21.css|screen'; |
?> | ?> | ||
| − | <script type="text/javascript" src="plugins/mediabox/js/mediabox.js"></script> | + | <script type="text/javascript" src="<?php echo TL_PLUGINS_URL; ?>plugins/mediabox/<?php echo 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>(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> | ||
| + | </source> | ||
| + | Der deutsche Text wurde noch in <nowiki><p></nowiki> Tags eingebunden. | ||
| + | <br /><br /> | ||
| + | |||
| + | ==Variante ab Contao 2.9.1== | ||
| + | <source lang="javascript"> | ||
| + | <?php | ||
| + | |||
| + | // Add mediabox style sheet | ||
| + | $GLOBALS['TL_CSS'][] = 'plugins/mediabox/css/mediabox.css?'. MEDIABOX .'|screen'; | ||
| + | |||
| + | ?> | ||
| + | |||
| + | <script type="text/javascript" src="plugins/mediabox/js/mediabox.js?<?php echo MEDIABOX; ?>"></script> | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
<!--//--><![CDATA[//><!-- | <!--//--><![CDATA[//><!-- | ||
| Zeile 43: | Zeile 72: | ||
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. | 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. | ||
<br /><br /> | <br /><br /> | ||
| − | + | ==Variante für Contao 2.8== | |
<source lang="javascript"> | <source lang="javascript"> | ||
<?php | <?php | ||
// Add mediabox style sheet | // Add mediabox style sheet | ||
| − | $GLOBALS['TL_CSS'][] = 'plugins/mediabox/css/mediabox.css | + | $GLOBALS['TL_CSS'][] = 'plugins/mediabox/css/mediabox.css|screen'; |
?> | ?> | ||
| − | <script type="text/javascript" src="plugins/mediabox/js/mediabox.js | + | <script type="text/javascript" src="plugins/mediabox/js/mediabox.js"></script> |
<script type="text/javascript"> | <script type="text/javascript"> | ||
<!--//--><![CDATA[//><!-- | <!--//--><![CDATA[//><!-- | ||
| Zeile 69: | Zeile 98: | ||
</script> | </script> | ||
</source> | </source> | ||
| + | Der deutsche Text wurde noch in <nowiki><p></nowiki> Tags und einem <nowiki><br></nowiki> eingebunden. Grund ist ein kleiner Bug in Mediabox, der dazu führen kann, dass der Beschreibungstext nicht vollständig angezeigt wird, da die Höhe dafür falsch berechnet wird.<br /> | ||
| + | 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. | ||
<br /><br /> | <br /><br /> | ||
| + | |||
---- | ---- | ||
| − | --[[Benutzer:BugBuster|BugBuster]] | + | --[[Benutzer:BugBuster|BugBuster]] 23:11, 2. Jan. 2012 (CET) |
Version vom 2. Januar 2012, 23:11 Uhr
| betrifft | |
|---|---|
| TYPOlight Version | ab 2.8.2 |
Oft besteht der Wunsch, die Mediabox einzudeutschen.
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_de.tpl) direkt über das Backend:
- "Layout" - "Templates"
- Neues Template , Auswahl moo_mediabox, Template erstellen
- Template umbenennen (Bleistift) nach moo_mediabox_de (die Endung macht TL selber ran)
- Template editieren, Code anpassen wie unten gezeigt, speichern
Nun muss man im Layout noch das geänderte Template aktivieren, dazu unter:
- "Layout" - "Themes" - "Seitenlayouts" - Layout bearbeiten (Contao ab 2.9)
- "Layout" - "Seitenlayouts" - Layout bearbeiten (TYPOlight bis 2.8.x)
- hier nimmt man nun bei "MooTools-Templates" das Häkchen bei "moo_mediabox" raus und bei "moo_mediabox_de" rein.
- fertig
Variante ab Contao 2.10
<?php // Add mediabox style sheet $GLOBALS['TL_CSS'][] = TL_PLUGINS_URL . 'plugins/mediabox/'. MEDIABOX .'/css/mediaboxAdvBlack21.css|screen'; ?> <script type="text/javascript" src="<?php echo TL_PLUGINS_URL; ?>plugins/mediabox/<?php echo 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>(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>
Der deutsche Text wurde noch in <p> Tags eingebunden.
Variante ab Contao 2.9.1
<?php // Add mediabox style sheet $GLOBALS['TL_CSS'][] = 'plugins/mediabox/css/mediabox.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>
Der deutsche Text wurde noch in <p> Tags und einem <br> eingebunden. Grund ist ein kleiner Bug in Mediabox, der 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.
Variante für Contao 2.8
<?php // Add mediabox style sheet $GLOBALS['TL_CSS'][] = 'plugins/mediabox/css/mediabox.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>
Der deutsche Text wurde noch in <p> Tags und einem <br> eingebunden. Grund ist ein kleiner Bug in Mediabox, der 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.
--BugBuster 23:11, 2. Jan. 2012 (CET)
