javascript - 翻译 Fancybox-Button

标签 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',

    }
}


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

$('#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>

最佳答案

Fancybox 4 将字符串本地化为您的语言: https://fancyapps.com/docs/ui/fancybox/options#l10n

摘自来源:

<script src="https://cdn.jsdelivr.net/npm/@fancyapps/ui@4.0/dist/fancybox.umd.js"></script>
<script>
Fancybox.defaults.l10n = {
    CLOSE: "Close",
    NEXT: "Next",
    PREV: "Previous",
    MODAL: "You can close this modal content with the ESC key",
    ERROR: "Something Went Wrong, Please Try Again Later",
    IMAGE_ERROR: "Image Not Found",
    ELEMENT_NOT_FOUND: "HTML Element Not Found",
    AJAX_NOT_FOUND: "Error Loading AJAX : Not Found",
    AJAX_FORBIDDEN: "Error Loading AJAX : Forbidden",
    IFRAME_ERROR: "Error Loading Page",
    TOGGLE_ZOOM: "Toggle zoom level",
    TOGGLE_THUMBS: "Toggle thumbnails",
    TOGGLE_SLIDESHOW: "Toggle slideshow",
    TOGGLE_FULLSCREEN: "Toggle full-screen mode",
    DOWNLOAD: "Download"
}
</script>

例如俄语本地化将是:

Fancybox.defaults.l10n = {
    CLOSE: "Закрыть",
    NEXT: "Следующий",
    PREV: "Предыдущий",
    MODAL: "Вы можете закрыть окно нажатием ESC",
    ERROR: "Ошибка, попробуйте повторить попытку",
    IMAGE_ERROR: "Изображение не найдено",
    ELEMENT_NOT_FOUND: "HTML элемент не найден",
    AJAX_NOT_FOUND: "Ошибка загрузки AJAX: Не найдено",
    AJAX_FORBIDDEN: "Ошибка загрузки AJAX: Запрещено",
    IFRAME_ERROR: "Ошибка при загрузке фрейма",
    TOGGLE_ZOOM: "Приблизить",
    TOGGLE_THUMBS: "Миниатюры",
    TOGGLE_SLIDESHOW: "Слайдшоу",
    TOGGLE_FULLSCREEN: "Полноэкранный режим",
    DOWNLOAD: "Загрузить"
}

关于javascript - 翻译 Fancybox-Button,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44508176/

相关文章:

javascript - 在 jquery 表中查找特定值

jquery - FancyBox iframe 将parent.$ 返回为未定义(使用 WordPress)

jquery - fancybox 内容出现在我的页面底部

jQuery Fancybox 在确定其尺寸之前不会等待 AJAX 内容加载

javascript - 如何从类外部访问类内部的方法

javascript - ReactJS - child 如何访问它是 parent 的 Prop ?

jquery - 如何平移/缩放 HTML 内容? (即谷歌地图、WordSquared)

php - 通过 Javascript 禁用 php 脚本

javascript - Canvas Puzzle 项目的 getImageData 和 putImageData

javascript - javascript/Jquery 中的多个字符串到单个 var