翻译Fancybox-Button

时间:2017-06-12 20:27:53

标签: javascript jquery fancybox fancybox-3


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

lang : 'de',
i18n : {

    'de' : {
        CLOSE       : 'Test',

    }
}


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

&#13;
&#13;
$('#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>'
        }
    });
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
&#13;
&#13;
&#13;

2 个答案:

答案 0 :(得分:0)

如果您使用的是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

答案 1 :(得分:0)

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