Add alt text to品牌燈箱

Question

我使用的是WordPress 3.0（inFocus 3.0主題）中的Galleria幻燈片。目前幻燈片中的每張幻燈片都有2個標題 - 標題和替代文字。 wp簡碼是：[image title="My title" alt="My alt text"]http://www.mywebsite.com/wp-content/uploads/myimage.jpg[/image]

單擊圖像啓動顯示圖像標題（左下角）和幻燈片計數（右下角）的燈箱。

如果可能，我希望能夠顯示標題後跟替代文本例如。 「我的圖像標題：我的替代文字」。我知道我需要針對的div容器是.galleria-lightbox-info，其中是.galleria-lightbox-title。我想我需要添加另一個div在那裏叫.galleria-lightbox-alt？我似乎無法找到任何文件（php，js，css等）與我的wordpress文件夾中任何地方的環球免稅店有關！

Answer 1

我知道你在2012年發佈了這個，但這裏是你的問題的答案。我必須爲WCAG合規工作做好準備。我實際上使用ASP.NET，所以<％= Name％>是佔位符。簡單地將此添加到您使用Galleria工具的頁面。我在結束標籤之前寫了腳本。最大的問題是setTimeout，因爲你必須給燈箱加載時間。

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%>'); 
    }); 
});