Benutzer-Werkzeuge

Webseiten-Werkzeuge


javascript:magnific-popup
no way to compare when less than two revisions

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen der Seite angezeigt.


javascript:magnific-popup [2018/07/23 21:33] (aktuell) – Seite Magnific Popup angelegt admin
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 21:33 von admin