javascript - 翻译 Fancybox-Button

Question

我正在尝试更改 fancyboy3 关闭按钮的工具提示，但似乎没有任何帮助。我试过
tpl: { closeBtn: '<a title="Test" class="fancybox-item fancybox-close" href="javascript:;"></a>'} 了

lang : 'de',
i18n : {

    'de' : {
        CLOSE       : 'Test',

    }
}

但两个版本都没有帮助。我究竟做错了什么？

$('#btn-slider-edit').fancybox({
        fullScreen: false,
        closeBtn: true,
        iframe: {
            css: {
                width: '80%',
                height: '80%'
            }
        },
        tpl: {
            closeBtn: '<a title="Test" class="fancybox-item fancybox-close" href="javascript:;"></a>'
        }
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

Answer 1

如果您使用的是 fancyBox v3.1，那么

1）您的第一个片段按预期工作：

$( '[data-fancybox]' ).fancybox({
  lang : 'de',
  i18n : {
    'de' : {
      CLOSE : 'Test',
    }
  }
});

https://codepen.io/anon/pen/bReeow

1）这是您可以更改按钮模板的方法：

$( '[data-fancybox]' ).fancybox({
    btnTpl : {
    close  : '<button data-fancybox-close class="fancybox-button fancybox-button--close" title="{{CLOSE}} - TEST"></button>'
  }
});

https://codepen.io/anon/pen/BZzzdK

Answer 2

// Fancybox3 translate
$.fancybox.defaults.i18n.ru = {
    CLOSE: "Закрыть",
    NEXT: "Вперед",
    PREV: "Назад",
    ERROR: "Запрашиваемый контент не может быть загружен. Пожалуйста, попробуйте позже.",
    PLAY_START: "Начать слайдшоу",
    PLAY_STOP: "Пауза",
    FULL_SCREEN: "На весь экран",
    THUMBS: "Миниатюры",
    DOWNLOAD: "Скачать",
    SHARE: "Поделиться",
    ZOOM: "Увеличить"
};
$.fancybox.defaults.lang = 'ru';