@0348raven

Как вывести нужный текст к картинке в photoswipe?

Использую галерею photoswipe в своем проекте, вызов происходит несколько иначе, чем указано в документации или во всех примерах, что я находил.

Вызов:
$(window).load(function(){    

    $(".b-owl__el-item").click(function () {

        var pswpElement = document.querySelectorAll('.pswp')[0];
        var items = [];

        $(".b-owl__el-item").each(function () {
            var size = $(this).attr("data-size").split('x');
            items.push({
                src: $(this).attr("href"),
                w: size[0],
                h: size[1],
              title: 'Something'
            });

        });

        var options = {
            index: $(this).parent().index()
        };
        var gallery = new PhotoSwipe(pswpElement, PhotoSwipeUI_Default, items, options);
        gallery.init();
        return false;

    });

});


В гугл и документацию уже обращался, найденные решения не помогли, ну или я не смог их грамотно пристроить.

Каким образом я могу (если угодно) "спарсить" из тега или из этого тега текст и передать в title к каждому отдельному изображению.

<a href="https://farm4.staticflickr.com/3894/15008518202_b016d7d289_b.jpg" rel="group" data-size="1000x667" class="b-owl__el-item">
                            <img src="https://farm4.staticflickr.com/3894/15008518202_b016d7d289_m.jpg" alt="" class="b-owl__el-pic"/>

                            <p class="b-owl__el-caption">
                                Июнь, 2015
                            </p>

                            <figure>Июнь, 2015</figure>
                        </a>


Ссылка на пример.

Заранее спасибо!
  • Вопрос задан
  • 403 просмотра
Пригласить эксперта
Ответы на вопрос 1
pOmelchenko
@pOmelchenko
php-developer
я в title: 'Something' переписал так:

title: $(this).children('figure').text()
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы