在放大视图上显示图像标题

时间:2017-03-17 06:35:58

标签: javascript php jquery css image

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

Sample Code for Image Gallery

下面给出了相同的演示

Demo of the same

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

当我打开灯箱js文件时,我发现这行显示图像1的3行

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)来改变代码但是它显示未定义。

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

1 个答案:

答案 0 :(得分:0)

在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"';