将Alt文本添加到Galleria Lightbox

Question

我正在使用WordPress 3.0（Infocus 3.0主题）中的Galleria幻灯片。当前，幻灯片中的每个幻灯片都有2个字幕 - 标题和一个ALT文本。WP快捷代码为：[image title="My title" alt="My alt text"]http://www.mywebsite.com/wp-content/uploads/myimage.jpg[/image]

单击图像启动一个显示图像标题（左下）和幻灯片计数（右下角）的灯箱。

如果可能的话，我希望能够显示标题，然后是alt文本。"我的图像标题：我的alt文本"。我知道我需要定位的DIV容器是.galleria-lightbox-info，其中是.galleria-lightbox-title。我想我需要在那里添加另一个DIV，称为.galleria-lightbox-alt？我似乎找不到与Galleria有关的任何文件（PHP，JS，CSS等），我的WordPress文件夹中的任何地方！

Answer 1

我知道您在2012年发布了此信息，但这是您问题的答案。我必须让这项工作以达到WCAG合规性。我实际上正在使用ASP.NET，因此＆lt;％= name％> 是位持有人。简单地将其添加到使用Galleria工具的页面。我将其脚本在关闭的身体标签之前进行了脚本。最大的捕获是SettieMout，因为您必须给轻箱加载时间。

 Galleria.ready(function () {
        this.bind('image', function (e) {
        // UNCOMMIT FOR TESTING // console.log(this); // the gallery scope                        
        $('.galleria-image').find('img').attr('alt', '<%=Name%>');
        });
        this.bind('thumbnail', function (e) {
        // add alt to thumbnails image
        e.thumbTarget.alt = e.galleriaData.original.alt + " ThumbNail(s)";
        });                                    
        $('.galleria-image').mouseup(function () {
           setTimeout(function () {
          $('div.galleria-lightbox-image').children().children().attr('alt', '<%=Name%>');
          }, 5000);
        });                                   
        $('.galleria-lightbox-prevholder').click(function () {
        $('div.galleria-lightbox-image').children().children().attr('alt', '<%=Name%>');
     });
     $('.galleria-lightbox-nextholder').click(function () {
     $('div.galleria-lightbox-image').children().children().attr('alt', '<%=Name%>');
     });
 });