javascript Lightbox:如何翻译“图像x of x”文本?

omvjsjqw  于 2023-01-24  发布在  Java
关注(0)|答案(3)|浏览(100)

我正在使用Lightbox 2制作一个图片集,当我网站的访问者点击图片集中的缩略图时,它会显示:

  • 图像的放大版本
  • 在那下面:描述(取自<a> title属性)
  • 在那下面:文本“图像x/x”(例如,“图像1/12”)

有人知道在哪里翻译/更改“图像x/x”文本吗?我已经搜索了Lightbox脚本和CSS文件,但在任何地方都找不到文本。
一些附加信息:我没有使用WordPress或Drupal或任何其他CMS。我已经找到了一些解决上述问题的方法,但这些都指向似乎只有这些CMS的Lightbox插件附带的文件。

nwsw7zdq

nwsw7zdq1#

对于较新的lightbox版本,您可以像使用其他选项一样使用它:示例:

lightbox.option({
    'resizeDuration': 200,
    'wrapAround': true,
    'showImageNumberLabel': true,
    'albumLabel': 'Bild %1 von %2',
});
wribegjk

wribegjk2#

查看/js/lightbox.js中的第29-31行

LightboxOptions.prototype.albumLabel = function(curImageNum, albumSize) {
  return "Image " + curImageNum + " of " + albumSize;
};

翻译字符串在任何语言/文本你想。
基于此版本:https://github.com/lokesh/lightbox2/blob/master/js/lightbox.js

vbopmzt1

vbopmzt13#

您也可以只使用全局对象来设置值:

let category = 'Flowers';
lightbox.options.albumLabel = 'Image %1 of %2 - ' + category;

相关问题