Использую галерею
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>
Ссылка на
пример.
Заранее спасибо!