I'm using Lightbox 2 for an image set. When a visitor of my website clicks on a thumbnail in that set, it'll show:

  • The enlarged version of the image
  • Underneath that: the description (taken from the <a> title attribute)
  • Underneath that: the text 'Image x of x' ('Image 1 of 12', for example)

Does anyone know where to translate/change the 'Image x of x' text? I've searched through the Lightbox script and CSS files, but can't find the text anywhere.

Some additional info: I'm not using Wordpress or Drupal or any other CMS. I've found some solutions for the issue above, but these all point to files that only seem come with the Lightbox plugins for these CMSes.

有帮助吗?

解决方案 2

Take a look in /js/lightbox.js at line 29-31:

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

Translate the strings in any language / text you want to.

Based on this version: https://github.com/lokesh/lightbox2/blob/master/js/lightbox.js

其他提示

With newer lightbox versions, you can use it like other options: Example:

lightbox.option({
    'resizeDuration': 200,
    'wrapAround': true,
    'showImageNumberLabel': true,
    'albumLabel': 'Bild %1 von %2',
});
许可以下: CC-BY-SA归因
不隶属于 StackOverflow
scroll top