Добавить замещающий текст в лайтбокс Galleria

Я использую слайд-шоу Galleria в WordPress 3.0 (тема inFocus 3.0). В настоящее время каждый слайд в слайд-шоу имеет 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!


wordpress galleria
person zeroten    schedule 28.10.2012    source источник
comment
Файлы плагина должны находиться в /wp-content/plugins.   -  person Chris Herbert    schedule 06.12.2012

Ответы (1)


arrow_upward
0
arrow_downward

Я знаю, что вы разместили это в 2012 году, но вот ответ на ваш вопрос. Я должен был заставить это работать для соответствия WCAG. На самом деле я использую ASP.NET, поэтому ‹%=Name%> являются заполнителями. Просто добавьте это на страницу, где вы используете инструмент Galleria. У меня это написано перед закрывающим тегом body. Большой уловкой является 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%>');
     });
 });
person Moojjoo    schedule 09.02.2017