【问题标题】:Lightbox Gallery + Do not show alt but div灯箱图库 + 不显示 alt 而是显示 div
【发布时间】:2017-04-12 20:56:01
【问题描述】:

这里是代码笔:http://codepen.io/lkfmarketing/pen/XMdNEP

只有一个问题,就是在叠加层中显示了图像的“替代”文本。相反,我想在每张特定图片上显示来自 div 的文本。

我一直在谷歌搜索解决方案,但我找不到任何如此简单易用的灯箱画廊,并且确实具有我刚才提到的这个功能。

【问题讨论】:

    标签: javascript html gallery lightbox


    【解决方案1】:

    您希望文本来自哪个 div? 在您的代码中有一行 var cap = $(this).attr("alt"); 这使它显示了alt。只需将其替换为您想要的 div 或字符串即可。 例如:var cap = "Test"; 使其显示单词“Test”而不是 alt。

    【讨论】:

    • 我想在 div 中为每个图像设置不同的文本。文本的输出不应来自“alt”文本,而应来自 div。您提到的解决方案将在叠加层中的所有图像上显示“测试”。
    • 我以它为例来说明如何更改它,而不是如何获取 div 数据。我找不到 div。
    • 我将自己创建 div。以第一张图片为例:<div class="imagetext">Output text that will be shown under the image in the overlay</div>.
    • 我想我对此很感兴趣:var cap = $(this).getElementById('test')? :)
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-03-26
    • 1970-01-01
    • 2015-03-21
    相关资源
    最近更新 更多