Jquery - используйте alt tag как заголовок в лайтбоксе - PullRequest
Новая
       49

Jquery - используйте alt tag как заголовок в лайтбоксе

0 голосов
/ 28 октября 2019

Итак, у меня в настоящее время есть карусель изображений, которая появляется при нажатии на лайтбокс, но вы не можете добавить заголовок внутри лайтбокса.

То, чего я пытаюсь добиться, это добавить тег alt в галерею, затем я хочу просмотреть каждый элемент, взять этот атрибут и добавить его в каждый элемент лайтбокса. URL-адреса img src совпадают, так что я думаю о чем-то другом. В настоящее время у меня есть следующее. 

jQuery('.elementor-image-gallery .gallery-item a').each(function() {
  jQuery('img', this).each(function() {

    var caption = jQuery(this).attr('alt');
    var url = jQuery(this).attr('src');

    setTimeout(function(){
     var lightbox_img = jQuery('img.elementor-lightbox-image');
        lightbox_img.after('<span class="caption">' + caption + '</span>');

    }, 3000);

  });
});

Я могу просто взять тэг alt отлично, но там, где лайтбокс находится вне области видимости, я считаю, что это где-то не работает.

Если яconsole.log lightbox_img я получаю неопределённое.

Иерархия разметки - это что-то вроде 

body
-- gallery
---- gallery item
-- lightbox
---- lightbox item
...