Как сделать, чтобы массив был каждый раз новый?

Question

[Genri_Rus]

Вот пример: https://codepen.io/Genri_Rus/pen/jOWZVZP

Мне нужно, чтобы 2 галереи с одинаковой версткой были отдельными, т.е. при клике на первую галерею в массив добавилось и открылось 3 картинки

А при клике на 2 галерею в массиве было точно также - только 3 картинки

Т.е. именно с такой версткой, как можно создавать новый массив для каждой отдельной галереи ?

P.S. Или может можно как-то по-другому сделать ? Мне нужно как у них: vintagetechnics.ru/comment

Answer 1

[Кирилл Петров]

Как вариант обработать каждую галерею отдельно
https://codepen.io/recoshet/pen/rNxJmxe

Comments

[Genri_Rus]

Спасибо большое

[Genri_Rus]

Я заранее прошу прощение, а может быть вы знаете как туда можно добавить свою верстку ?

https://codepen.io/Genri_Rus/pen/zYrRWyM

[Кирилл Петров]

Genri_Rus, не совсем пойму куда именно вы хотите добавить вёрстку? Какая у вас конечная задача?

[Genri_Rus]

Кирилл Петров, ну допустим добавить в модальное окно по-мимо картинки еще какой-нибудь текст ?

[Genri_Rus]

Кирилл Петров, вот как у них: https://vintage-technics.nethouse.ru/photoalbums/368772

Я просто пытался верстку в src добавить, но у меня тогда галерея не работает

Т.е. ваш вариант работает без возможности добавления в будущем туда верстки, а как мне тогда быть в данном случае ?

[Кирилл Петров]

Genri_Rus, у вас стоит тип image. Он не подходит для рендеринга произвольного html. Можно переключить на inline но тогда почти все фишки с адаптивностью перестанут работать и придётся городить своё, что бы работало.

Как вариант к текущему решению можно через коллбэк передавать любую инфу в слайд и там уже прямым изменением dom дерева вставить куда то вашу верстку.
Но по мне это костыль, потому что плагин рассчитан на отображении галереи, и только в данном варианте.

[Кирилл Петров]

Genri_Rus, ну вот как пример костыля, можно сделать так:
https://codepen.io/recoshet/pen/dyGdvBR

[Genri_Rus]

Кирилл Петров, благодарю за ответ, ну а как они тогда тут сделали ?

https://vintage-technics.nethouse.ru/photoalbums/368772

Почему они не вытаскивают html данные, точнее вытаскивают только из data атрибутов

В документации по данному плагину я нашел калбэк markupParse, может там можно сформировать верстку ?

[Кирилл Петров]

Genri_Rus, может быть. Пробуйте)