Как исключить из фотографий в поп-ап галерее изображения, которые продублировал Slick слайдер?

Question

[Noname]

Здравствуйте. Суть такая:
Slick слайдер клонирует каждый из контейнеров(альбомов) и соответственно в попапе, где я вывожу все фото из этого контейнера у меня не 8 фотографий, а 16.

Описываю подробнее, так как ОЧЕНЬ надеюсь на помощь, вожусь с этим уже пол дня (((

вот так выглядят мои альбомы с фотографиями:

вот код(развернула код одного альбома .zk_liter_block_album, остальные свернуты):

использую slick для того, чтобы выводилось 3 альбома, и чтобы посмотреть остальные можно было кликать по стрелочкам.
для вывода в попапе всех изображений альбома использую плагин magnific popup, пример как выводятся:

получается, что при клике на картинку или название альбома открывается попап со всеми картинками конктретно в этом альбоме. для того, чтобы выводились ТОЛЬКО фотки конкретного альбома, я вот таким скриптом группирую альбомы по атрибуту data-group=""


на скрине с попапом видно, что пишет текущая фотка 1 из 16-ти, хотя их должно быть 8, у меня 8 атрибутов с одинаковым data-group="1" и общим классом .zk_liter_item_img для всех тегов а во всех остальных альбомах.
вот что показывает испектор

получается slick клонирует мои li-шки, наверное для реалмстичности при свайпе и перелистивывании, НО изображения этого клона мне не нужно выводить... помогите плиз с решением этой проблемы

Answer 1

[tyzberd]

мои li-шки, наверное для реалмстичности при свайпе и перелистивывании,

для циклической прокрутки.

у меня это контейнер с классом .slick-cloned, но я добавила все для надежности, и удаляем тегу а атрибут, по которому он должен выводится в этом альбоме!!!

Вы уверены, что при прокрутке слайдов в слик у вас не попадется блок, по которому у вас не получится кликнуть, из за того, что у него удален data-group

Comments

[Noname]

блин, Вы правы, в том, что не все так просто. Получается, что пролистав несколько раз и кликнув на последний альбом с другой стороны у меня в попапе высвечиваюся все фотки из атрибутов а, которые остались без группы...

[tyzberd]

что вам мешает так написать?

$('.zk_liter_block_album_img').each(function() { // the containers for all your galleries
    $(this).magnificPopup({
        delegate: 'a', // the selector for gallery item
        type: 'image',
        gallery: {
          enabled:true
        }
    });
});

https://jsfiddle.net/9dyh2yjt/60/

[tyzberd]

вот еще пример как можно, но этот не очень https://jsfiddle.net/9dyh2yjt/55/

[Noname]

tyzberd, вот как раз пример неочень и был похож на решение моей проблемы, но получается что все равно я не могу сделать вот так delegate: '.slides:not(.slick-cloned) a', потому что иногда клон попадал в видимую облать для клика и картинки отображались совсем некорректно.
в общем на странице github о плагине magnific popup посоветовали просто отключить бесконечную прокрутку infinite: false, что собственно я и сделала

[tyzberd]

отключить бесконечную прокрутку infinite: false

да, отключить это решение, думал она вам нужна.
а вариант с $('.zk_liter_block_album_img').each не подошел? у вас же всеравно ссылки в отдельных блоках, тогда и дата атрибуты не нужны.

Answer 2

[Noname]

Проблема решенааааааа))))
если кому-нибудь это пригодится:
выбираем нужного родителя, а у меня это контейнер с классом .slick-cloned, но я добавила все для надежности, и удаляем тегу а атрибут, по которому он должен выводится в этом альбоме!!! Бинго))
$('.zk_liter_block_album.slick-slide.slick-cloned a').removeAttr("data-group");

Comments

[Роман Романов]

возможно лучше не удалять атрибут (data-group) а менять в нем значение например на название_галереи_clone тогда не будет ситуации как описал пользователь tyzberd

[Noname]

Роман Романов, получилось так, что при клике на клона у меня показываются все теги а, которые остались без группы. можно ли сделать, чтобы у тегов а, родители которых клоны, в атрибуте data-group к текущему номеру просто добавлялась, к примеру еще одна еденичка? получается таким образом при клике на клонированный альбом там будут те же фото, но просто из псевдо группы