javascript - 在放大 View 上显示图像标题

Question

基本上我需要在放大图像时显示图像名称(标题)。所以我尝试了这个示例代码。

Sample Code for Image Gallery

下面给出了相同的演示

Demo of the same

现在我想要的是当图像在左侧放大时有一个标题 第 1 张，共 3 张。而不是我需要 Image Caption 即 Image1.png 类似这样。

当我打开 lightbox js 文件时，我发现这一行将显示 Image 1 of 3 line

if (this.imageArray.length > 1){
            this.numberDisplay.update( LightboxOptions.labelImage + ' ' + (this.activeImage + 1) + ' ' + LightboxOptions.labelOf + '  ' + this.imageArray.length).show();
        }

我试图通过将 (this.activeImage + 1) 替换为 (this.activeImage.value) 来更改代码，但它显示未定义。

如何在图片放大时显示相应图片的名称。 任何帮助表示赞赏。

Answer 1

在 PHP 代码中，

寻找

echo '<li><a href="'.$file.'" rel="lightbox['.$lightbox.']">';

替换为

echo '<li><a href="'.$file.'" rel="lightbox['.$lightbox.']"> title="Whatever Title You Need or get FileName by using php"';