Benutzer-Werkzeuge

Webseiten-Werkzeuge


javascript:magnific-popup

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen gezeigt.

Link zu der Vergleichsansicht

javascript:magnific-popup [2018/07/23 19:33] (aktuell)
admin Seite Magnific Popup angelegt
Zeile 1: Zeile 1:
 +====== Magnific Popup ======
  
 +[[http://​dimsemenov.com/​plugins/​magnific-popup/​|Magnific Popup]] ist eine Lightbox-Lösung.
 +
 +===== Texte übersetzen =====
 +
 +Während der Initialisierung:​
 +
 +<code javascript>​
 +$('​.lightbox'​).magnificPopup({
 +    type: '​image',​
 +    gallery: {
 +        enabled: true,
 +        preload: [0, 2],
 +        navigateByImgClick:​ true,
 +        arrowMarkup:​ '<​button title="​%title%"​ type="​button"​ class="​mfp-arrow mfp-arrow-%dir%"></​button>',​
 +        tPrev: '​Zurück (Linke Pfeiltaste)',​
 +        tNext: '​Vorwärts (Rechte Pfeiltaste)',​
 +        tCounter: '<​span class="​mfp-counter">​%curr% von %total%</​span>'​
 +    },
 +    image: {
 +        tError: 'Das <a href="​%url%">​Bild</​a>​ konnte nicht geladen werden.'​
 +    }
 +});
 +</​code>​
 +
 +Abhängig von ''<​html lang="​de">'':​
 +
 +<code javascript>​
 +$(document).ready(function () {
 +    var curLang = $('​html'​).attr('​lang'​);​
 +
 +    switch (curLang) {
 +        case '​de':​
 +            $.extend(true,​ $.magnificPopup.defaults,​ {
 +                tClose: '​Schließen',​
 +                tLoading: 'Wird geladen...',​
 +                gallery: {
 +                    tPrev: '​Zurück',​
 +                    tNext: '​Weiter',​
 +                    tCounter: '​%curr% von %total%'​
 +                },
 +                image: {
 +                    tError: 'Das <a href="​%url%">​Bild</​a>​ konnte nicht geladen werden.'​
 +                },
 +                ajax: {
 +                    tError: 'Der <a href="​%url%">​Inhalt</​a>​ konnte nicht geladen werden.'​
 +                }
 +            });
 +
 +            break;
 +        default:
 +        // english already included
 +    }
 +});
 +</​code>​
 +
 +Quelle: [[https://​gist.github.com/​RexDude/​5b332a5772fa18572fd03bacbeca0356|GitHub:​ RexDude/​mp-german-translation.js]]
javascript/magnific-popup.txt · Zuletzt geändert: 2018/07/23 19:33 von admin