Magnific Popup ist eine Lightbox-Lösung.
Während der Initialisierung:
$('.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.' } });
Abhängig von <html lang=„de“>
:
$(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 } });