Получить заголовок для Ligthbox в Imagelightbox от figcaption

Question

Я использую Imagelightbox отсюда https://osvaldas.info/image-lightbox-responsive-touch-friendly в качестве лайтбокса и пытаюсь изменить источник заголовка изображения.По умолчанию Imagelightbox использует штамп Alt-Attribute для своей подписи.

Мой начальный фрагмент HTML выглядит так:

<figure>
    <a href="file.jpg" class="lightbox" rel="lightbox-1" data-imagelightbox="lightbox-1">
        <img src="file.jpg" alt="foo">
    </a>
    <figcaption>bar</figcaption>
</figure>

Так что Imagelightbox будет показывать «foo» в качестве заголовка, но я хочу получить содержимое figcaption в качестве заголовка для лайтбокса.

Возможно ли это без изменения самого атрибута alt?

Answer 1

В отсутствие опции конфигурации для этого я переопределил функцию captionOn в моем javascript.Возможно, кому-то это поможет:

var instanceImagelightbox = $(selectorImagelightbox).imageLightbox({
    onLoadEnd: function () {
        //Override original captionOn() to use figcaption instead of alt-attr
        captionOn = function() {
            var description = $( 'a[href="' + $( '#imagelightbox' ).attr( 'src' ) + '"]' ).next('figcaption').text();
            if( description.length > 0 )
                $( '<div id="imagelightbox-caption">' + description + '</div>' ).appendTo( 'body' );
        };
        captionOn();            
    }
});