NAVIGATION
Differences
This shows you the differences between two versions of the page.
|
deutsch:andere-erweiterungen:hacks:slimbox-de [2012/09/02 12:42] Knut Heermann (flip-flop) |
deutsch:andere-erweiterungen:hacks:slimbox-de [2018/06/03 18:09] (current) |
||
|---|---|---|---|
| Line 1: | Line 1: | ||
| {{indexmenu_n>200}} | {{indexmenu_n>200}} | ||
| - | ====== Slimbox: Deutscher Text ====== | + | ====== Slimbox: Multilingual ====== |
| ===== Version für MooTools V1.2.x ===== | ===== Version für MooTools V1.2.x ===== | ||
| Line 127: | Line 127: | ||
| </code> | </code> | ||
| - | Wobei "XX" der Länderkennung in "bLang" entspricht. Z.B. bei "de" => class="lbCloseLink-de | + | Wobei %%"XX"%% der Länderkennung in %%"bLang"%% entspricht. Z.B. bei %%"de"%% => ##%%class="lbCloseLink-de"%%## |
| + | |||
| + | \\ | ||
| + | |||
| + | |||
| + | ===== Version für jQuery V1.X.x ===== | ||
| + | |||
| + | |||
| + | Datei: **template/lib/slimbox/slimbox.jquery.js** | ||
| + | |||
| + | In neueren CMS-Versionen: **/template/lib/slimboxslimbox.jquery.js** | ||
| + | |||
| + | Diese Sequenz | ||
| + | |||
| + | <code js> | ||
| + | // AUTOLOAD CODE BLOCK (MAY BE CHANGED OR REMOVED) | ||
| + | if (!/series60|symbian|windows ce/i.test(navigator.userAgent)) { | ||
| + | jQuery(function($) { | ||
| + | $("a[rel^='lightbox']").slimbox({/* Put custom options here */}, null, function(el) { | ||
| + | return (this == el) || ((this.rel.length > 8) && (this.rel == el.rel)); | ||
| + | }); | ||
| + | }); | ||
| + | } | ||
| + | </code> | ||
| + | wird ersetzt durch | ||
| + | <code js> | ||
| + | // AUTOLOAD CODE BLOCK (MAY BE CHANGED OR REMOVED) | ||
| + | if (!/series60|symbian|windows ce/i.test(navigator.userAgent)) { | ||
| + | |||
| + | // OG: enhanced for translated image cpations | ||
| + | var bLang=navigator.language?navigator.language:navigator.userLanguage; | ||
| + | if(bLang){bLang=bLang.substr(0,2);bLang=bLang.toLowerCase();}else{bLang = 'en';} | ||
| + | var cText="Image {x} of {y}"; | ||
| + | switch(bLang) { | ||
| + | case 'de': cText = "Bild {x} von {y}"; break; | ||
| + | case 'es': cText = "Imagen {x} de {y}"; break; | ||
| + | case 'fr': cText = "Image {x} de {y}"; break; | ||
| + | case 'nl': cText = "Afbeelding {x} van {y}"; break; | ||
| + | case 'da': cText = "billede {x} fra {y}"; break; | ||
| + | } | ||
| + | // OG: end enhancement | ||
| + | |||
| + | |||
| + | jQuery(function($) { | ||
| + | $("a[rel^='lightbox']").slimbox({counterText: cText, cLang: bLang /* Put custom options here */}, null, function(el) { | ||
| + | |||
| + | // OG: sorry I am too stupid to find the correct var, | ||
| + | // so use "brute force method" to inject the class name | ||
| + | $("#lbCloseLink").addClass("lbCloseLink-"+bLang); | ||
| + | $("#lbNextLink").addClass("lbNextLink-"+bLang); | ||
| + | $("#lbPrevLink").addClass("lbPrevLink-"+bLang); | ||
| + | |||
| + | return (this == el) || ((this.rel.length > 8) && (this.rel == el.rel)); | ||
| + | }); | ||
| + | }); | ||
| + | } | ||
| + | </code> | ||
| + | |||
| + | \\ | ||
| + | |||
| + | Mit den generierten Klassen: | ||
| + | |||
| + | <code> | ||
| + | class="lbCloseLink-XX" | ||
| + | class="lbNextLink-XX" | ||
| + | class="lbPrevLink-XX" | ||
| + | </code> | ||
| + | |||
| + | Wobei %%"XX"%% der Länderkennung in %%"bLang"%% entspricht. Z.B. bei %%"de"%% => ##%%class="lbCloseLink-de"%%## | ||
| + | |||
| + | Die Klassen und IDs sind in der CSS-Datei **template/lib/slimbox/slimbox.css** zu finden. | ||
| \\ | \\ | ||
